<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html class="js" xmlns:expr="http://www.google.com/2005/gml/expr" xmlns:data="http://www.google.com/2005/gml/data" xmlns:b="http://www.google.com/2005/gml/b" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><head>


<script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="true" name="MSSmartTagsPreventParsing">
<meta content="blogger" name="generator">
<link href="http://www.blogger.com/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
<link href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html" rel="canonical">
<link rel="alternate" type="application/atom+xml" title="Ariel Flesler - Atom" href="http://flesler.blogspot.com/feeds/posts/default">
<link rel="alternate" type="application/rss+xml" title="Ariel Flesler - RSS" href="http://flesler.blogspot.com/feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" title="Ariel Flesler - Atom" href="http://www.blogger.com/feeds/8640596986273216089/posts/default">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=8640596986273216089">
<link rel="alternate" type="application/atom+xml" title="Ariel Flesler - Atom" href="http://flesler.blogspot.com/feeds/372641518526969384/comments/default">
<title>Ariel Flesler: jQuery.SerialScroll</title>
<link type="text/css" rel="stylesheet" href="jqueryserialscroll_files/1550194411-widget_css_bundle.css">
 <link rel="stylesheet" type="text/css" href="jqueryserialscroll_files/3727950723-blog_controls.css">
 <link rel="stylesheet" type="text/css" href="jqueryserialscroll_files/authorization.css">
<style type="text/css">#navbar-iframe { display:block }
</style>

<style id="page-skin-1" type="text/css"><!--
/*
* Blogger Template Style
* Name:     TicTac (Blueberry)
* Author:   Dan Cederholm
* URL:      www.simplebits.com
* Date:     1 March 2004
* Updated by: Blogger Team
*/
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF">
<Variable name="datecolor" description="Date Header Color"
type="color" default="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#993333">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666">
<Variable name="linkcolor" description="Link Color"
type="color" default="#69c">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699">
<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right">
*/
/* ---( page defaults )--- */
body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: #333333;
background: #e0e0e0;
}
blockquote {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
}
blockquote p {
margin-top: 0;
}
abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}
code {
color: #996666;
}
hr {
display: none;
}
img {
border: none;
}
/* unordered list style */
ul {
list-style: none;
margin-left: 10px;
padding: 0;
}
li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat left 6px;
}
/* links */
a:link {
color: #6699cc;
}
a:visited {
color: #666699;
}
a:hover {
color: #5B739C;
}
a:active {
color: #5B739C;
text-decoration: none;
}
/* ---( layout structure )---*/
#outer-wrapper {
width: 847px;
margin: 0px auto 0;
text-align: left;
font: normal normal 100% Verdana, sans-serif;
background: url(http://www.blogblog.com/tictac_blue/tile_left.gif) repeat-y;
}
#content-wrapper {
margin-left: 42px; /* to avoid the border image */
width: 763px;
}
#main {
float: left;
width: 460px;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 1em;
line-height: 1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
float: right;
width: 259px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
font-size: 85%;
line-height: 1.4em;
color: #999999;
background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat left top;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: normal normal 100% 'Lucida Grande','Trebuchet MS';
background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue_left.gif) no-repeat left top;
}
#header {
margin: 0;
padding-top: 25px;
padding-right: 60px;
padding-bottom: 35px;
padding-left: 160px;
color: #FFFFFF;
background: url(http://www.blogblog.com/tictac_blue/top_h1.gif) no-repeat bottom left;
}
#header h1 {
font-size: 200%;
text-shadow: #4F73B6 2px 2px 2px;
}
#header h1 a {
text-decoration: none;
color: #FFFFFF;
}
#header h1 a:hover {
color: #eee;
}
/* ---( main column )--- */
h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: #999999;
background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat left 50%;
}
.post h3 {
margin-top: 0;
font: normal bold 130% 'Lucida Grande','Trebuchet MS';
letter-spacing: -1px;
color: #993333;
}
.post {
margin-top: 0;
margin-right: 0;
margin-bottom: 1.5em;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1.5em;
padding-left: 14px;
border-bottom: 1px solid #ddd;
}
.post h3 a,
.post h3 a:visited {
color: #993333;
text-decoration: none;
}
.post-footer {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 14px;
font-size: 88%;
color: #999999;
background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat left 8px;
}
.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* comment styles */
#comments {
padding: 10px 10px 0px 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
}
#comments h4 {
margin-top: 20px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 8px;
padding-right: 0;
padding-bottom: 0;
padding-left: 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}
#comments ul {
margin-left: 0;
}
#comments li {
background: none;
padding-left: 0;
}
.comment-body {
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 25px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
}
.comment-body p {
margin-bottom: 0;
}
.comment-author {
margin-top: 4px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 60px;
color: #999;
background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px;
}
.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* ---( sidebar )--- */
.sidebar h2 {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 25px;
padding-right: 0;
padding-bottom: 0;
padding-left: 40px;
font: normal bold 130% 'Lucida Grande','Trebuchet MS';
color: #666666;
height: 32px;
background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}
.sidebar .widget {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 10px;
padding-left: 10px;
border-bottom: 1px solid #ddd;
}
.sidebar li {
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat left 5px;
}
.profile-textblock {
clear: both;
margin-left: 0;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 1px solid #ddd;
padding: 4px;
}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */
clear: both;
}
#footer-wrapper {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 9px;
padding-left: 0;
font-size: 85%;
color: #ddd;
background: url(http://www.blogblog.com/tictac_blue/bottom_sill.gif) no-repeat bottom left;
}
#footer {
margin: 0;
padding-top: 20px;
padding-right: 320px;
padding-bottom: 20px;
padding-left: 95px;
background: url(http://www.blogblog.com/tictac_blue/bottom_sash_left.gif) no-repeat top left;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}
body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}
body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}
body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}
body#layout #content-wrapper {
margin: 0px;
}

--></style>
<!-- MY INCLUDES -->
<link href="jqueryserialscroll_files/style.css" rel="stylesheet" type="text/css">
<script src="jqueryserialscroll_files/helpers.js" type="text/javascript"></script>
<!-- -->
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head><body>
<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="jqueryserialscroll_files/navbar.htm" marginwidth="0" marginheight="0" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search" scrolling="no" frameborder="0" height="30px" width="100%"></iframe>
<div></div></div></div>
<div id="outer-wrapper"><div id="wrap2">
<!-- skip links for text browsers -->
<span id="skiplinks" style="display: none;">
<a href="#main">skip to main </a> |
      <a href="#sidebar">skip to sidebar</a>
</span>
<div id="header-wrapper">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
<a href="http://flesler.blogspot.com/">Ariel Flesler</a>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>My jQuery plugins, and other scripts.</span></p>
</div>
</div>
</div></div>
</div>
<div id="content-wrapper">
<div id="crosscol-wrapper" style="text-align: center;">
<div class="crosscol section" id="crosscol"></div>
</div>
<div id="main-wrapper">
<div class="main section" id="main"><div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<!-- google_ad_section_start -->
<h2 class="date-header">Monday, February 11, 2008</h2>
<div class="post hentry">
<a name="372641518526969384"></a>
<h3 class="post-title entry-title">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html">jQuery.SerialScroll</a>
</h3>
<div class="post-header-line-1"></div>
<div class="post-body entry-content">
<p></p><h4>Introduction</h4>
This plugin allows you to easily animate any series of elements, by sequentially scrolling them.
It uses <a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html" target="_blank">jQuery.ScrollTo</a>
to achieve the scrolling animation.
It is a very unrestricted plugin, that lets you customize pretty much
everything from outside. You can use horizontal or vertical scroll,
also combined.
<br><br>

<h4>What's it for ?</h4>
jQuery.SerialScroll doesn't have one definite purpose. It's generic and adaptable.
You can certainly use it as a <strong>screen slider</strong>. That is, to sequentially navigate a group of screens.<br>
This plugin can also animate a <strong>text scroller</strong> in no time.<br>
It can definitely handle <strong>slideshows</strong>, the high customizability of the scrolling effect lets you create beautiful animations.<br>
You can even build an automatic <strong>news ticker</strong>!<br>
Three of these uses are exemplified in the demo.<br>Remember,
it's not restricted to these situations. It will take care of any
collection of html elements that you want to scroll consecutively.
<br><br>

<h4>Settings and customization</h4>
jQuery.SerialScroll gives you access to a lot of options.<br>
These are:<ul>
<li><h5 class="setting">target</h5>
The element to scroll, it's relative to the matched element.<br>
If you don't specify this option, the scrolled element is the one you called serialScroll on.</li>
<li><h5 class="setting">event</h5>
on which event to react (click by default).</li>
<li><h5 class="setting">start</h5>
first element of the series (zero-based index,  0 by default).</li>
<li><h5 class="setting">step</h5>
how many elements to scroll each time. Use a negative number to go on the other way.</li>
<li><h5 class="setting">lock</h5>
if true(default), the plugin will ignore events if already animating. Then animations can't be queued.</li>
<li><h5 class="setting">cycle</h5>
if true, the first element will be shown after going over the last, and the other way around.</li>
<li><h5 class="setting">stop</h5>
if true, the plugin will stop any previous animations of the element, to avoid queuing.</li>
<li><h5 class="setting">force</h5>
if true, an initial scroll will be forced on start.</li>
<li><h5 class="setting">jump</h5>
if true, the specified event can be triggered on the items, and the container will scroll to them.</li>
<li><h5 class="setting">items</h5>
selector to the items(relative to the scrolled element).</li>
<li><h5 class="setting">prev</h5>
(optional)selector to the 'previous' button.</li>
<li><h5 class="setting">next</h5>
(optional)selector to the 'next' button.</li>
<li><h5 class="setting">lazy</h5>
if true, the items are collected each time, allowing dynamic content(AJAX, AHAH, jQuery manipulation, etc).</li>
<li><h5 class="setting">interval</h5>
If you specify a number, the plugin will add auto scrolling with that interval.</li>
<li><h5 class="setting">constant</h5>
Should the speed remain constant, no matter how many items we scroll at once ? (true by default).</li>
<li><h5 class="setting">navigation</h5>Optionally, a selector to a
group of elements, that allow scrolling to specific elements by index.
Can be less than the amount of items.</li>
<li><h5 class="setting">exclude<span class="new">new</span></h5>
If you want the plugin, to stop scrolling before the actual last
element, set this to a number, and that amount of items is ignored
counting from the end.<br>
This is useful if you show many items simultaneously, in that case, you
probably want to set this option to the amount of visible items - 1.</li>
<li><h5 class="setting">onBefore</h5>
A function to be called before each scrolling. It receives the
following arguments: event object, targeted element, element to be
scrolled, collection of items and position of the targeted element in
the collection.<br>
The scope(this) will point to the element that got the event. If the function returns false, the event is ignored.</li>
</ul>

Also, <strong>you can use jQuery.ScrollTo's settings!</strong><br>
Check its <a href="http://flesler.webs.com/jQuery.ScrollTo/" target="_blank">demo</a> to see all of them.

<br><br>

<h5>The option 'target'</h5>
This option is a new addition, included since 1.2.0.<br>
Before, you needed to call the plugin once for each scrolled element.<br>
When this option is specified, the matched elements are no longer the scrolled elements, but a container.<br>
In this case, the selectors of prev, next, navigation and target will
be relative to this container, allowing you to call SerialScroll on
many elements at once.
<br><br>

<h4 id="event_triggering">External manipulation, event triggering</h4>
jQuery.SerialScroll automatically binds 3 events to the containers.<br>
These are:<ul>
<li><h5 class="setting">prev.serialScroll</h5>
Scrolls to the previous element.</li>
<li><h5 class="setting">next.serialScroll</h5>
Scrolls to the next element.</li>
<li><h5 class="setting">goto.serialScroll</h5>
Scrolls to the specified index, starts with 0.</li>
<li><h5 class="setting">start.serialScroll</h5>
(Re)starts autoscrolling.</li>
<li><h5 class="setting">stop.serialScroll</h5>
Stops the autoscrolling.</li>
<li><h5 class="setting">notify.serialScroll</h5>
Updates the active item.</li>
</ul>
This looks confusing, but it's not. You use it like this:

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'prev'</span> );</pre>

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'next'</span> );</pre>

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'goto'</span>, <span class="keyword">[</span> <span class="number">3</span> <span class="keyword">]</span> );</pre>

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'start'</span> );</pre>

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'stop'</span> );</pre>

<pre class="js"><span class="keyword">$</span>(container).trigger( <span class="string">'notify'</span>, <span class="keyword">[</span> <span class="number">4</span> <span class="keyword">]</span> );</pre>

'notify' also accepts a DOM element(item), or any of its descendants.<br>
$(container) is the element that gets scrolled each time. If you specified a 'target', then <u>that</u> element, else, the element you called the plugin on.<br>
Note that to use 'start' and 'stop' you need to use the option 'interval' first.<br>
If your container element already has any of these event names bound(odd!), then just add the namespace when you trigger.<br>
You probably won't need to deal with these events, but if so, this is how.

<br><br>

<h4>What makes jQuery.SerialScroll so special ?</h4>
This plugin has many positive features, of course, it won't fit everyone's needs. That's impossible.<ul>
<li><h5>Small Footprint</h5>
This plugin is tiny, as said before, it requires jQuery.ScrollTo. Both plugins together, take <strong>less than 3.5kb minified</strong>.<br>
If by chance, you decide to include <a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html" target="_blank">jQuery.LocalScroll</a>, the 3 of them require <strong>less than 5kb</strong>.
Including this plugin is not a bad idea, it can be used, instead of the
option 'navigation' to build a widget with sequential and random
scrolling.</li>
<li><h5>Highly customizable</h5>
This plugin has many settings to customize, in addition, it can use jQuery.ScrollTo's settings. That makes 27 different options!<br>
If you take a while to analyze them all, you can make your work really unique.
</li>
<li><h5>Accessible, degrades gracefully</h5>
Probably many will automatically skip this part, shame on you!<br>
If you make sure non-javascript users will see the scrollbars, then
they can perfectly navigate your content. You can show the scrollbars
only for these few users, easily, using css/js.<br>
This is one of the main differences with many similar scripts, they generate the content and the styling using javascript.
</li>
<li><h5>Adaptable</h5>
jQuery.SerialScroll <u>won't alter the html or styles at all</u>.<br>
You are in control of the styles and content of your collections. You
don't need the plugin to decide what html to use, or how many items to
show simultaneously, and you can safely change that yourself, the
plugin will always work.<br>
<u>The items don't need to have fixed size, nor to be aligned</u>. SerialScroll will scroll from one to the other, no matter what.<br>
If you want a plugin with premade styles or automatic generation of html, then you should consider any of jQuery carousels.
</li>
<li><h5>Generic and reusable</h5>
Finally, as mentioned before, this plugin can be used for many different situations and doesn't have one specific application.
</li>
</ul>

<h4>Links</h4><ul>
<li><a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html">Main Post</a></li>
<li><a href="http://plugins.jquery.com/project/SerialScroll" target="_blank">Project Page</a></li>
<li><a href="http://demos.flesler.com/jquery/serialScroll/" target="_blank">Demo</a></li>
<li><a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">jQuery.ScrollTo</a></li>
<li><a href="http://demos.flesler.com/jquery/scrollTo/" target="_blank">jQuery.ScrollTo's demo</a></li>
<li><a href="http://demos.flesler.com/jquery/serialScroll/changes.txt" target="_blank">Changelog</a></li>
</ul>

<h4>Downloads</h4><ul>
<li><a href="http://flesler-plugins.googlecode.com/files/jquery.serialScroll-1.2.2.zip">jQuery.SerialScroll 1.2.2 Zip</a><span class="dw-tip">(all files and docs)</span></li>
<li><a href="http://flesler-plugins.googlecode.com/files/jquery.serialScroll-1.2.2.js">jQuery.SerialScroll 1.2.2 Source</a><span class="dw-tip">(to learn or test)</span></li>
<li><a href="http://flesler-plugins.googlecode.com/files/jquery.serialScroll-1.2.2-min.js">jQuery.SerialScroll 1.2.2 Minified</a><span class="dw-tip">(recommended)</span></li>
<li><a href="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2.js">jQuery.ScrollTo 1.4.2 Source</a><span class="dw-tip">(to learn or test)</span></li>
<li><a href="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js">jQuery.ScrollTo 1.4.2 Minified</a><span class="dw-tip">(recommended)</span></li>
</ul>

<em>I really advice using the minified versions. The code is optimized
to those releases. Source versions should only serve to learn.</em>

<br><br>

<h5 class="setting">3/07/08</h5>
<span class="small">Added 1.1.2, start and stop events. Allows negative step.</span>
<br>
<h5 class="setting">3/10/08</h5>
<span class="small">Added 1.2.0, major release, updated everything.</span>
<br>
<h5 class="setting">3/20/08</h5>
<span class="small">Added 1.2.1, added 'exclude' and enhancements.</span>
<br>
<h5 class="setting">4/28/08</h5>
<span class="small">Added a link to "Doctorate on jQuery.SerialScroll".</span>
<br>
<div style="clear: both;"></div>
</div>
<div class="post-footer">
<p class="post-footer-line post-footer-line-1"><span class="post-author vcard">
</span>
<span class="post-timestamp">
Posted on
<a class="timestamp-link" href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html" rel="bookmark" title="permanent   link"><abbr class="published" title="2008-02-11T19:08:00-02:00">Monday, February 11, 2008</abbr></a>
</span>
<span class="post-comment-link">
</span>
<span class="post-icons">
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/post-edit.g?blogID=8640596986273216089&amp;postID=372641518526969384" title="Edit Post">
<img alt="" class="icon-action" src="jqueryserialscroll_files/icon18_edit_allbkg.gif" height="18" width="18">
</a>
</span>
</span>
</p>
<p class="post-footer-line post-footer-line-2"><span class="post-labels">
Labels:
<a href="http://flesler.blogspot.com/search/label/jQuery" rel="tag">jQuery</a>,
<a href="http://flesler.blogspot.com/search/label/jQuery.SerialScroll" rel="tag">jQuery.SerialScroll</a>
</span>
</p>
<script charset="utf-8" src="jqueryserialscroll_files/Flesler_002.js" type="text/javascript"></script><p class="feedburnerFlareBlock"><a href="http://del.icio.us/post?v=4&amp;partner=fb&amp;url=http%3A%2F%2Fflesler.blogspot.com%2F2008%2F02%2Fjqueryserialscroll.html&amp;title=jQuery.SerialScroll" class="first">Add to del.icio.us</a><span> • </span><a href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fflesler.blogspot.com%2F2008%2F02%2Fjqueryserialscroll.html">Add to Mixx!</a><span> • </span><a href="http://digg.com/submit?phase=2&amp;partner=fb&amp;url=http%3A%2F%2Fflesler.blogspot.com%2F2008%2F02%2Fjqueryserialscroll.html&amp;title=jQuery.SerialScroll">Digg This!</a><span> • </span><a href="http://www.stumbleupon.com/submit?url=http://flesler.blogspot.com/2008/02/jqueryserialscroll.html&amp;title=jQuery.SerialScroll">Stumble It! (3 Reviews)</a></p><script src="jqueryserialscroll_files/Flesler.js" type="text/javascript"></script>
<p class="post-footer-line post-footer-line-3"></p>
</div>
</div>
<div style="position: relative;" class="comments" id="comments">
<a name="comments"></a>
<h4>
132
comments:
        
</h4>
<a id="show-all" href="#">Show All</a><dl class="js_collapse" id="comments-block">
<dt class="comment-author " id="c8252965644917337485">
<a name="c8252965644917337485"></a>
<a href="http://www.chrisjlee.net/" rel="nofollow">Chris from Detroit</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Excellent tutorials and examples! I've been trying to do something like this myself!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1202796240000#c8252965644917337485" title="comment permalink">
February 12, 2008 4:04 AM
</a>
<span class="item-control blog-admin pid-1479791061">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8252965644917337485" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4067915310649809888">
<a name="c4067915310649809888"></a>
Sterling
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Okay, that's pretty sweet.  Thanks so much for your great contributions, Ariel!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1202833440000#c4067915310649809888" title="comment permalink">
February 12, 2008 2:24 PM
</a>
<span class="item-control blog-admin pid-1578821115">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4067915310649809888" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3542128490830585897">
<a name="c3542128490830585897"></a>
<a href="http://motobass.pip.verisignlabs.com/" rel="nofollow">motobass</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I have a collection of objects to scroll and this plugin works
perfectly, except for one catch. Namely, the collection of objects can
be re-ordered. If the user reorders the scrollable items scrolling then
jumps to where they used to be instead of where they are now. Is there
a reset() I am missing, or how we I detach and reattach it after
reordering? <br><br>Thanks,<br>Dennis</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1203106920000#c3542128490830585897" title="comment permalink">
February 15, 2008 6:22 PM
</a>
<span class="item-control blog-admin pid-409114089">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3542128490830585897" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6501031310478968370">
<a name="c6501031310478968370"></a>
<a href="http://motobass.pip.verisignlabs.com/" rel="nofollow">motobass</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I am rereading my earlier post and realized I forget to ask if there
is a way, in the onBefore method, to exit without causing the scrolling
to advance. Thanks again.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1203107040000#c6501031310478968370" title="comment permalink">
February 15, 2008 6:24 PM
</a>
<span class="item-control blog-admin pid-409114089">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6501031310478968370" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7306479896460261242">
<a name="c7306479896460261242"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi motobass<br>  The first thing can be achieved with a little change, sacrificing some perfomance but that shouldn't be so tragic.<br>  The second one can also be added, easily.<br><br>Please add both as feature requests here: http://plugins.jquery.com/node/add/project_issue/SerialScroll/feature<br><br>I'll try to add that to a new release, ASAP.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1203120360000#c7306479896460261242" title="comment permalink">
February 15, 2008 10:06 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7306479896460261242" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1486766697590196586">
<a name="c1486766697590196586"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi motobass<br>&nbsp;&nbsp;I added a new release (1.0.1) which includes both features. If the 'onBefore' returns false, the event is ignored.<br>And if the new option 'lazy' is true, the items can be safely added/removed/reordered.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1203345480000#c1486766697590196586" title="comment permalink">
February 18, 2008 12:38 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1486766697590196586" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8327746217482035506">
<a name="c8327746217482035506"></a>
<a href="http://www.isarie.com/" rel="nofollow">Stefan Isarie</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I have an unordered list and I'm using serialScroll to go back and
forth to its list items. The scroll is triggered by two links.<br><br>Now,
what I want is that when the scroll reaches the first LI element to
hide the back trigger link [ as there is no where to go back ]. The
same way with next link: if I reach the end of LI, I want to hide the
next link.<br><br>Any way to read the current displayed LI element or a way to achieve this?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204278120000#c8327746217482035506" title="comment permalink">
February 29, 2008 7:42 AM
</a>
<span class="item-control blog-admin pid-2081823869">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8327746217482035506" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5681180877939543402">
<a name="c5681180877939543402"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Stefan<br>&nbsp;&nbsp;But I'm planning to add a specific callback when you reach the edge.<br>But for now, you can handle your situation with the callbacks 'onBefore' or 'onAfter'.<br><br>Both get as one argument, the element you scrolled to. So you keep in a variable, the collection of items. Then you do:<br>var index = $the_items.index(elem).<br><br>So you now have the index of the item.<br>If it's 0, you hide the 'prev'.<br>If it's $the_items.length - 1, you hide the 'next'.<br>Don't forget to show them back after.<br>I'll update the post once I add a release.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204287720000#c5681180877939543402" title="comment permalink">
February 29, 2008 10:22 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5681180877939543402" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1127183195333262694">
<a name="c1127183195333262694"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I forgot to add... You know there's a 'cycle' option right ? it will
make the list circular. So when it reaches the limit, it pulls back.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204288080000#c1127183195333262694" title="comment permalink">
February 29, 2008 10:28 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1127183195333262694" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7652243407430275118">
<a name="c7652243407430275118"></a>
<a href="http://www.isarie.com/" rel="nofollow">Stefan Isarie</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel, thank you so much for getting back to me! I forgot to thank you for your work! These plugins of yours are amazing!<br><br>I
am aware of cycle option, but this is not what I wanted. Instead, I was
looking for and index, a variable which holds the current LI index. I
will tackle this path!<br><br>Thank you!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204293240000#c7652243407430275118" title="comment permalink">
February 29, 2008 11:54 AM
</a>
<span class="item-control blog-admin pid-1584093543">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7652243407430275118" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7623770861875803386">
<a name="c7623770861875803386"></a>
<a href="http://www.blogger.com/profile/18418490082121865818" rel="nofollow">Laddi</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>You should add the possibility of calling the 'slide' from outside
of the scope of the object itself. Like for example when you have the
slide and a navigation menu as well where clicking an item in the menu
would slide to the corresponding item in the slider. You can of course
simulate this with the onBefore and onAfter methods but then the
next/previous in the actual slider won't be in sync anymore...<br><br> Just a thought...</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204293420000#c7623770861875803386" title="comment permalink">
February 29, 2008 11:57 AM
</a>
<span class="item-control blog-admin pid-798642543">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7623770861875803386" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4198262655544792975">
<a name="c4198262655544792975"></a>
<a href="http://www.isarie.com/" rel="nofollow">Stefan Isarie</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>My best shot was:<br>$("#sections li:first").attr("id","first");<br>$("#sections li:last").attr("id","last");<br><br>Then:<br>onAfter:function( elem ){<br>     var currentView = $(elem).attr("id");<br><br>if ( currentView == "first" ) { $("#arrow-left a").fadeOut("fast"); } else { $("#arrow-left a").fadeIn("slow"); }<br><br>if( currentView == "last" ) { $("#arrow-right a").fadeOut("fast"); } else { $("#arrow-right a").fadeIn("slow"); }<br>}<br><br>Maybe it is not very elegant, but it works and that is what's important for me in this stage.<br><br>Ariel, thanks again for pointing me to the right direction!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204297980000#c4198262655544792975" title="comment permalink">
February 29, 2008 1:13 PM
</a>
<span class="item-control blog-admin pid-1140953566">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4198262655544792975" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4062369326362359331">
<a name="c4062369326362359331"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@stefan<br>  I'm glad you solved it, I was think of an index-based check, but that option if very feasible.<br>I'll
add the actual index as 4th or 3rd argument of the onBefore, and
possibly a specific event 'onReachLimit' or something like that.<br><br>@laddi<br>  Your suggestion seems pretty reasonable. I'll see what I can do for the next release.<br>Note that for the specific case you mentioned, in case you are interested, you can use jQuery.LocalScroll.<br>It also uses jQuery.ScrollTo and they can be safely combined. The overhead will be really small.<br><br>Could any of you (or both) add these things as feature requests ?<br><br>Thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204299000000#c4062369326362359331" title="comment permalink">
February 29, 2008 1:30 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4062369326362359331" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1058353166110462511">
<a name="c1058353166110462511"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@stefan and laddi<br>&nbsp;&nbsp;Added a new release(1.1.0).<br>Now it's possible to manipulate the animations from outside, using the custom events of the container(prev,next,goto).<br><br>Also added 2 arguments to the onBefore that make the check stefan needed, really easy to do.<br><br>Finally, added an option 'interval' for autoscrolling.<br><br>Cheers, check the demo, it's updated.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204340940000#c1058353166110462511" title="comment permalink">
March 1, 2008 1:09 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1058353166110462511" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1754233826603094168">
<a name="c1754233826603094168"></a>
<a href="http://www.blogger.com/profile/18418490082121865818" rel="nofollow">Laddi</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Excellent work, man!  I created the feature request already but you can then just ignore that... ;)<br><br>Again, great stuff! :D</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204350840000#c1754233826603094168" title="comment permalink">
March 1, 2008 3:54 AM
</a>
<span class="item-control blog-admin pid-798642543">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1754233826603094168" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7590932088528196079">
<a name="c7590932088528196079"></a>
<a href="http://www.codeassembly.com/" rel="nofollow">CodeAssembly</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Sorry for the delay, this is the page where I used your plugin and modified it www.prosport.ro ( the logos with the arrows ).<br>The
problem was that it always scrolls a fixed number of items and if you
have ( items % steps != 0 ) then you will have some emtpy space on the
last step.<br>If you want I can give you the modified source (I posted the modified section on the last comment that was deleted).<br><br>Thanks.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204722600000#c7590932088528196079" title="comment permalink">
March 5, 2008 11:10 AM
</a>
<span class="item-control blog-admin pid-296924247">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7590932088528196079" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6446157498176607924">
<a name="c6446157498176607924"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br><br>  Sorry, I thought you agreed with me as you weren't replying. I really to try to keep this clean.<br><br>Do you have any kind of IM ? we can discuss your code more easily.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204722960000#c6446157498176607924" title="comment permalink">
March 5, 2008 11:16 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6446157498176607924" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1349885667045749612">
<a name="c1349885667045749612"></a>
<a href="http://blog.bubbleletter.org/" rel="nofollow">David</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thank you Ariel. Very nice plugin.<br><br>One problem I have is that
I can't seem to stop a rotation in progress. It stops for a little bit
and then continues on. I'm having it auto scroll on load.<br><br>I'm using $(container).stop()<br><br>Anything I'm missing?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204922160000#c1349885667045749612" title="comment permalink">
March 7, 2008 6:36 PM
</a>
<span class="item-control blog-admin pid-1045487623">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1349885667045749612" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5900921862634772057">
<a name="c5900921862634772057"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi David<br><br>Use <br>$('#pane').trigger('stop');<br>and<br>$('#pane').trigger('start',[intv])<br><br>Where $('#pane') is the container that gets scrolled, I'll add this to the docs right away.<br>Please get 1.1.1.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204924140000#c5900921862634772057" title="comment permalink">
March 7, 2008 7:09 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5900921862634772057" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1247385546687233102">
<a name="c1247385546687233102"></a>
<a href="http://blog.bubbleletter.org/" rel="nofollow">David</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Wow. Thanks for the quick response Ariel! Your rock. Works like a charm.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1204926540000#c1247385546687233102" title="comment permalink">
March 7, 2008 7:49 PM
</a>
<span class="item-control blog-admin pid-1721645793">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1247385546687233102" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2148823012471205567">
<a name="c2148823012471205567"></a>
edward
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel,<br><br>I am trying to use your plug in to manage a
horizontal div of images. The div structure is pretty simple. There is
a container div, a clipping div, and an items div that is sized
width-wise to hold all the images. I am able to scroll without any
problems. However, if I use goto to jump to a position, I get somewhat
unexpected behavior. Specifically, if I 'goto' the last element in the
list, I then have to hit 'prev' twice before the images start scrolling
again. I unfortunately don't have a public site to point you to but
thought you might know off hand what the problem is. <br><br>By the
way, I think the problem has to do with the fact that the last element
can not scroll all the way to the left most position since it is at the
end of the div (which is the effect I need). So it then takes several
'prev' operations to get everything lined up again.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205215440000#c2148823012471205567" title="comment permalink">
March 11, 2008 4:04 AM
</a>
<span class="item-control blog-admin pid-2076207133">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2148823012471205567" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2927175387840783808">
<a name="c2927175387840783808"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Edward<br><br>Indeed that is the problem, while other similar
plugins ask you to specify item size, or a certain amount of items to
show each time, SerialScroll is more unrestricted.<br><br>One way to
make this work, if it fits you, is to set the step, to the amount of
items you are showing each time, so you don't get to see less items and
you don't get stuck.<br><br>I wanted to make the plugin aware of the end, but that seems to require lots of code with so little restrictions.<br>You could also play with the option 'offset'.<br><br>Cheers, you can contact me by email if you want.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205241060000#c2927175387840783808" title="comment permalink">
March 11, 2008 11:11 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2927175387840783808" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5344785436974340075">
<a name="c5344785436974340075"></a>
edward
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel, Thanks for the fast reply. I think the answer for what I'm
trying to do will be to make the list circular with the 'lazy' option
on so I can ensure the user can always move freely in both directions.
My thinking is that I can double my list up, then check to see when the
last element is at the start of my viewport and if so, adjust the set
of items accordingly. I'll let you know how it goes. Thanks for the
excellent plugin and the support. Our site should be up soon...</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205253360000#c5344785436974340075" title="comment permalink">
March 11, 2008 2:36 PM
</a>
<span class="item-control blog-admin pid-1721670382">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5344785436974340075" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6706898418524710230">
<a name="c6706898418524710230"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Edward<br><br>What you plan to do, is something I feared from adding to the core, as getting into cloning can only bring trouble.<br>I'm interested though in seen how you implement it, let me know when you have it ready :)<br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205253720000#c6706898418524710230" title="comment permalink">
March 11, 2008 2:42 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6706898418524710230" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4948478711766022906">
<a name="c4948478711766022906"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>There shouldn't be any need for that, unless you want it to scroll less than step when you are close to the limit.<br>Right now, it will ignore if not cycling, or go to the last otherwise.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205262240000#c4948478711766022906" title="comment permalink">
March 11, 2008 5:04 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4948478711766022906" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4371342486691885709">
<a name="c4371342486691885709"></a>
<a href="http://www.blogger.com/profile/04347867742626874694" rel="nofollow">Jock</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br>Been looking around for something like this, great work!<br><br>In
the absence of a forum I wondered if you could answer a quick question:
Is it possible to control 2 different containers with 1 external click
(link)?<br><br>To explain: I am trying to develop a timeline
application where one container shows page thumbnails (3 whole pages +
2 half pages either side) and the other container shows the larger
version of the thumbnail that appears in the centre of the first
container. I would like to control both containers with a series of
links (along the bottom of the browser window) that correspond to the
#id of each thumbnail (ideally I'd like to display the id in the query
string depending on what link was clicked). Is this possible, if so how?<br><br>PS: I can point you to a mocked up version if it helps you to understand my ramblings!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205491740000#c4371342486691885709" title="comment permalink">
March 14, 2008 8:49 AM
</a>
<span class="item-control blog-admin pid-1262356531">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4371342486691885709" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6904168962939129350">
<a name="c6904168962939129350"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Jock,<br><br>I do understand. You can certainly scroll 2 containers together.<br>You just match both with one selector when you call the plugin, f.e:<br><br>$('#one,#two').serialScroll(...<br><br>or with the alternate (new) way<br><br>$('#cont').serialScroll({<br>  target: '#one,#two'<br>});<br><br>I'd advice you to check <a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html" rel="nofollow">LocalScroll</a> I think that's what you are looking for.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205493600000#c6904168962939129350" title="comment permalink">
March 14, 2008 9:20 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6904168962939129350" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1978153877005967349">
<a name="c1978153877005967349"></a>
<a href="http://www.blogger.com/profile/04347867742626874694" rel="nofollow">Jock</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Wow,<br><br>That's what I call a fast response!<br><br>I will give
it a go although I am not an expert in this language. If I have any
other questions, do you mind if I post another comment?<br><br>PS: If
you created the page for me, I could pay you for your time via PayPal
or something. I'm on a bit of a deadline with this one.<br><br>Thanks again, you're a star!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205495820000#c1978153877005967349" title="comment permalink">
March 14, 2008 9:57 AM
</a>
<span class="item-control blog-admin pid-1262356531">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1978153877005967349" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2212208486943284102">
<a name="c2212208486943284102"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>You can surely post more comments, or contact me to my email (it's in the plugin).<br>I can't do it for you right now, sorry :)<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205496060000#c2212208486943284102" title="comment permalink">
March 14, 2008 10:01 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2212208486943284102" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4781100296480789415">
<a name="c4781100296480789415"></a>
<a href="http://ischagast.myopenid.com/" rel="nofollow">IschaGast</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>You were right, I was talking about Serial Scroll.<br><br>As I told I am busy making a carousel but I don't want the prev/next buttons to be visible when the first/last item is visible.<br><br>It should be working like jcarousel or accessible news slider plugin where the buttons are disabled or not visible.<br><br>But with SerailScroll you can add more features more easy than that plugins.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205743740000#c4781100296480789415" title="comment permalink">
March 17, 2008 5:49 AM
</a>
<span class="item-control blog-admin pid-2011678539">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4781100296480789415" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7892992578891889118">
<a name="c7892992578891889118"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi IschaGast<br><br>Although that it's true, I like to keep my
plugin generic, one might not want to hide them, or to use a fade, or
to shrink them, should I add all the possibilities ?<br><br>I don't think so, you can easily do that yourself using the onBefore.<br><br>One of the arguments is the collection of elements and another one, the actual index (check the source of the demo).<br><br>So you do(inside the onBefore):<br>$('#prev,#next').show();<br>if( pos == 0 )<br>   $('#prev').hide();<br>else if( pos == $items.length-1 )<br>   $('#next').hide();<br><br>where prev and next are the ids, you can use any selector.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205755980000#c7892992578891889118" title="comment permalink">
March 17, 2008 9:13 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7892992578891889118" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c64400360572038963">
<a name="c64400360572038963"></a>
<a href="http://blog.bubbleletter.org/" rel="nofollow">david</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel,<br>again, great plugin!!! I was wondering if it's possible to add the following to make this even more flexible.<br><br>say
you have a ul and you rotate through the li items. it may happen that
the li items have varying heights. would it be possible to change the
height of the container (ul) to match the height of the li element? so,
that you could rotate through items of different heights?<br><br>thanks,<br>David</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205779920000#c64400360572038963" title="comment permalink">
March 17, 2008 3:52 PM
</a>
<span class="item-control blog-admin pid-1771379622">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=64400360572038963" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1247345569465164526">
<a name="c1247345569465164526"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi David<br><br>That is surely a useful feature, but not something
everyone will need. In my list of priorities, size is the 1st one,
extensibility the 2nd, and generality the 3rd.<br><br>I think the plugin lets you do that easily, without adding that to the core.<br><br>In the onBefore event, you do:<br>$pane.animate({height:$(elem).height()},800);<br><br>I used the argument names of the demo, and the 800 is random.<br><br>Truly, thanks for opining!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205780640000#c1247345569465164526" title="comment permalink">
March 17, 2008 4:04 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1247345569465164526" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6845743690838341185">
<a name="c6845743690838341185"></a>
<a href="http://blog.bubbleletter.org/" rel="nofollow">David</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>As always, speedy response and just what I was looking for. I guess
I wasn't really suggesting to add it to the core, but just how to do it
in general. Thank you very much for the answer.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205782380000#c6845743690838341185" title="comment permalink">
March 17, 2008 4:33 PM
</a>
<span class="item-control blog-admin pid-1029971892">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6845743690838341185" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1624318794424759747">
<a name="c1624318794424759747"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I'm having a hard-time to make an "auto" news ticker (much like the
demo's) stop when I hover one div ( and call stop.serialScroll ).<br><br>stop.serialScroll is reached, but the complete auto-scrolling continue nonetheless.<br><br>How the best way to implement a "pause on hovered element" functionnality ?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205837760000#c1624318794424759747" title="comment permalink">
March 18, 2008 7:56 AM
</a>
<span class="item-control blog-admin pid-753116996">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1624318794424759747" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3919916249715968175">
<a name="c3919916249715968175"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br><br>Let's take the news ticker from the demo as an example, you need to do:<br><br>$('#news-ticker').hover(<br>function(){<br>$(this).trigger('stop');<br>},<br>function(){<br>$(this).trigger('start');<br>});<br><br>That should do :)<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1205847180000#c3919916249715968175" title="comment permalink">
March 18, 2008 10:33 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3919916249715968175" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1165112618167081433">
<a name="c1165112618167081433"></a>
Aurélien
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi, I just can't manage to stop the autoscroll...<br><br>I made an automatic news slider from your firt example, it works well, I added a button and I created a funciton taht do this : <br><br>$('#stop-news').click(function(){<br>    $('#screen').trigger( 'stop' );<br>   });<br><br><br>Any help would be apreciated...<br><br>Thanks for your great job !</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206011340000#c1165112618167081433" title="comment permalink">
March 20, 2008 8:09 AM
</a>
<span class="item-control blog-admin pid-1435600236">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1165112618167081433" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1150095333757904359">
<a name="c1150095333757904359"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Aurélien<br><br>Do you have a demo of this online ?<br>If you are
using the html from the demo.. #screen is not the element being
scrolled, you need to call 'stop' on the 'target' if you specify one.
It needs to be the element being scrolled.<br><br><b>For everyone:</b><br>For further comments, please use <a href="http://flesler.blogspot.com/2008/03/jqueryserialscroll-120-released.html#comments" rel="nofollow">this post</a>.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206021600000#c1150095333757904359" title="comment permalink">
March 20, 2008 11:00 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1150095333757904359" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2897981200872869991">
<a name="c2897981200872869991"></a>
<a href="http://ischagast.myopenid.com/" rel="nofollow">IschaGast</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br><br>This is what I was searching for:<br>$('#prev,#next').show();<br>if( pos == 0 )<br>$('#prev').hide();<br>else if( pos == $items.length-1 )<br>$('#next').hide();<br><br>The only thing that doesn't work is this rule:<br>if( pos == 0 )<br>$('#prev').hide();<br><br>It works when you go to position 2 and then go back but on loading the prev button is still visible.<br><br>You can solve that with this:<br>$('#prev').hide();<br><br>But it would be more elegant if it also worked on loading. Do you know how that is possible that it won't work?<br><br>Thank you for you very quick reply the last time! Keep up the great work :)</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206386640000#c2897981200872869991" title="comment permalink">
March 24, 2008 4:24 PM
</a>
<span class="item-control blog-admin pid-2011678539">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2897981200872869991" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c160564224124254909">
<a name="c160564224124254909"></a>
<a href="http://www.blogger.com/profile/10746262578364654236" rel="nofollow">Emad</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi...<br><br>I am trying to build a horizontal news ticker from this Plugin, here is my demo page http://www.libyano.com/scroll/<br><br>Is it possible to make this ticker scrolls horizontally and from right to left?<br>Thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206407220000#c160564224124254909" title="comment permalink">
March 24, 2008 10:07 PM
</a>
<span class="item-control blog-admin pid-1648337677">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=160564224124254909" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1813754109623608466">
<a name="c1813754109623608466"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@IschaGast<br><br>You mean, why does the button start visible when the page renders ?<br>If so, you just hide it with css, it will obviously be visible until you click arrows.<br>If for some reason you can't alter css, you can work around:<br><br>$(document).ready(function(){<br>$('#pane').trigger('goto',[0]);<br>});<br><br>@emad<br><br>You can surely make it work horizontally. You can use any of ScrollTo's settings. One of them is 'axis', you set to 'x'.<br>As for right to left, yes, since the last release, you just need to set a negative 'step' option.<br>If you want it to start on the right, use the option 'start' and set 'force' to true.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206443820000#c1813754109623608466" title="comment permalink">
March 25, 2008 8:17 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1813754109623608466" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5159469781193763090">
<a name="c5159469781193763090"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I think all the examples of SerialScroll use fixed-width items. I
wrestled with jCarousel for a long while, trying to make it work with
images where some were 'wide' and others were 'tall'.<br><br>Before I
dive in a spend lots of time, can you tell me how SerialSCroll would
handle a horizontal scroll of items that have unequal widths?<br><br>thanks<br><br>Don</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206562320000#c5159469781193763090" title="comment permalink">
March 26, 2008 5:12 PM
</a>
<span class="item-control blog-admin pid-1844459357">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5159469781193763090" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c9005568720280736694">
<a name="c9005568720280736694"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Don<br><br>You are, all the examples have fixed size, but NO. That's not required at all.<br>That's actually one of its major features (I should emphasize that...).<br><br>It uses ScrollTo, so the plugin will jump from one item to the other, they don't need to have fixed size, or even be aligned.<br><br>You just put your items wherever you want, it should work perfectly.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206565620000#c9005568720280736694" title="comment permalink">
March 26, 2008 6:07 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=9005568720280736694" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3202671617715916987">
<a name="c3202671617715916987"></a>
<a href="http://www.blogger.com/profile/02212731803595962324" rel="nofollow">Niko</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br><br>I'm trying to do a page scroller so that the whole page
would scroll allways to a next visible heading element with pressing
down-key. I'm trying to use SerialScroll, but it won't scroll any
further than to the first h2-element and then starts to loop with the
same h2-element? Any ideas where I went wrong?<br><br>My current code is:<br>$(document).keyup(function(event){<br>  if (event.keyCode == 40) {<br>    $.serialScroll({items:'h2',duration:700,force:true,axis:'y',offset:-10}); <br>  }<br>});</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206729000000#c3202671617715916987" title="comment permalink">
March 28, 2008 3:30 PM
</a>
<span class="item-control blog-admin pid-1312172918">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3202671617715916987" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8146355956061036355">
<a name="c8146355956061036355"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Niko,<br><br>Try this:<br>http://flesler.pastebin.com/f79871afa<br><br>Pastebins look so much better :)<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206746460000#c8146355956061036355" title="comment permalink">
March 28, 2008 8:21 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8146355956061036355" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4075363982511437519">
<a name="c4075363982511437519"></a>
<a href="http://www.blogger.com/profile/02212731803595962324" rel="nofollow">Niko</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>oh, I had totally misunderstood that trickering thing. Many thanks,
now it works like I intend, althought I changed the "force" back to a
value "false" in order to not loop the whole document.<br><br>Thanks, niko</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206864780000#c4075363982511437519" title="comment permalink">
March 30, 2008 5:13 AM
</a>
<span class="item-control blog-admin pid-1312172918">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4075363982511437519" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3564827029670014059">
<a name="c3564827029670014059"></a>
gyzmo
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>hi , thank for that plugin,i want use it for my portefolio online, i m beginner,i dont know about javascript,<br>i have a question:<br>i wish the  links of my menu  make reload the main container  by ajax how i can do simply that action<br><br> thank you very much</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206877800000#c3564827029670014059" title="comment permalink">
March 30, 2008 8:50 AM
</a>
<span class="item-control blog-admin pid-885776067">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3564827029670014059" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3791052556405067814">
<a name="c3791052556405067814"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Gyzmo<br><br>I don't understand what do you want this plugin to do, in relation to loading the screens by AJAX.<br>To load the screens, check this link:<a href="http://docs.jquery.com/Ajax" rel="nofollow">AJAX docs</a><br><br>If you need this plugin, please explain me how, and I'll help you.<br><br>Cheers, for further commenting, <i><b>please use <a href="http://flesler.blogspot.com/2008/03/jqueryserialscroll-120-released.html#comments" rel="nofollow">this post</a></b></i>.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206895200000#c3791052556405067814" title="comment permalink">
March 30, 2008 1:40 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3791052556405067814" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4332884418540683961">
<a name="c4332884418540683961"></a>
gyzmo
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>hi<br>thank you for your answer<br>sorry my explanation was not clear<br>instead of use frame or object i wish use ajax :i just want have my menu with all my anchor <br>and serialscroll on one other div<br>a little similar to that exemple<br>http://flesler.webs.com/jQuery.LocalScroll/ajax/#section3<br><br>or that <br>http://www.webinventif.fr/navigation-sans-rechargement-de-page-via-javascript-jquery/</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206900780000#c4332884418540683961" title="comment permalink">
March 30, 2008 3:13 PM
</a>
<span class="item-control blog-admin pid-2114793376">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4332884418540683961" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2329235428555438837">
<a name="c2329235428555438837"></a>
<a href="http://ischagast.myopenid.com/" rel="nofollow">IschaGast</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel,<br><br>I made this: http://ischagast.nl/serialscroll/<br><br>You can toggle between list view and the view with the great images.<br><br>I only have one problem that can be seen when you do this:<br>* click to the third item<br>* click the view toggle link<br>* click that link again<br><br>Now you see that the slideshow will go back to position one. What I want is that it stays at the position it was. <br><br>It that possible?<br><br>I had to insert this to see the list view anyway:<br>$('body.domenabled #item_news .item_news_container').trigger('goto', [0]);<br><br>Firebug
didn't return what the scroll script is doing. I think the ul is being
replaced width margin-left or position relative but resetting both of
the properties to 0 didn't let me see that list view. That's why that
line is there.<br><br>First I used the cycle plugin but after some
testing the scrollTo plugin is better because it doens't change
anything in your HTML. Which means you have full control!<br><br>That rocks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206915480000#c2329235428555438837" title="comment permalink">
March 30, 2008 7:18 PM
</a>
<span class="item-control blog-admin pid-2011678539">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2329235428555438837" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4565568534391325368">
<a name="c4565568534391325368"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@Gyzmo<br>It seems like what you want is LocalScroll, not SerialScroll, right ?<br>The
2nd demo you linked, doesn't have any kind of scroll animation, just...
ajax. You don't need any plugin to do that, just jQuery.<br>If what you need is LocalScroll, please comment on its last post. <br><br>@IschaGast<br>Welcome back :)<br>That
link you mentioned, is the one you need to remove, it's causing the
container tu pull back each time. Why would you add that, if that's not
what you need ? Anyway, that should solve this.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206981660000#c4565568534391325368" title="comment permalink">
March 31, 2008 1:41 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4565568534391325368" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1560856026801463615">
<a name="c1560856026801463615"></a>
<a href="http://ischagast.myopenid.com/" rel="nofollow">IschaGast</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>That's just what I want. I want that users can switch between list-view and photo view.<br><br>Some users don't want to scroll 5 times to see the last item but want to see directly how many item there are.<br><br>With that link I toggle between that two views. First it wasn't really clear because it was ducth you saw.<br><br>In the js you see .trigger('goto', [0]) that one I use to get the list visible because without that you only see a white screen.<br><br>There are two solutions:<br>I
need to know what property is changed when moving the list items.
Because setting they margin/position left of the ul to zero didn't do
anything.<br><br>number two:<br>I have to remember which position the slideshow was at the moment of the swicth. When switching back it should start there.<br><br>One more thing. First I tried this: .trigger('start') but that didn't do anything. I don't know why?<br><br>I hope it's clear what my problem is :)<br><br>I love coming back to great jQuery plugins and people that are willing to help some JS newbie's ;)<br><br>I appreciate that a lot.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206992340000#c1560856026801463615" title="comment permalink">
March 31, 2008 4:39 PM
</a>
<span class="item-control blog-admin pid-2011678539">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1560856026801463615" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4217269877729896725">
<a name="c4217269877729896725"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br><br>.trigger('start') is used to restart a previously stopped auto-animation. If you want auto scrolling, use the option 'interval'.<br><br>I
think you are approaching this in a wrong way. You should have one
div/ul containing the pics with arrows. That container gets scrolled.<br>On the other hand, you have ANOTHER div/ul that contains the list-view, this one <b>doesn't</b> get scrolled.<br><br>If you use the option 'navigation' with the list-view items, it'll solve your problem automatically.<br><br>If you need more help, you can contact me by mail if you want.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1206992820000#c4217269877729896725" title="comment permalink">
March 31, 2008 4:47 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4217269877729896725" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1274669110912163249">
<a name="c1274669110912163249"></a>
<a href="http://www.blogger.com/profile/16719089641364105077" rel="nofollow">Andrei</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Just wanted to <b>thank you</b> for your wonderful scrips.<br>Keep up the great work.<br>Cheers.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1207963140000#c1274669110912163249" title="comment permalink">
April 11, 2008 10:19 PM
</a>
<span class="item-control blog-admin pid-1597883588">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1274669110912163249" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7924611029405340740">
<a name="c7924611029405340740"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks Andrei!!<br><br>I love this kind of posts :)</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1207964820000#c7924611029405340740" title="comment permalink">
April 11, 2008 10:47 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7924611029405340740" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6183814375596976996">
<a name="c6183814375596976996"></a>
<a href="http://flesler.blogspot.com/2008/02/www.mattdempsey.com" rel="nofollow">Matt Dempsey</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel, firstly let me say that this is fantastic. I'm a web
designer, I code HTML and CSS but design's my passion. I know nothing
about Javascript at all, and javascript and interactivity are becoming
more and more popular, and it's free plugins like this that make my
life so much easier! So thank you!<br><br>I do have one question. I'm
using the code from the first example, the navigation one. I've edited
it slightly so that 3 li's appear at once in the sections div, and also
so that each click of the arrow scrolls past 3 li's. I'm using 6 li's,
so you see the first 3, then scroll to 4 5 and 6, and then another
scroll just shows the last one again on it's own - is there anyway that
once the last 3 are shown, it cycles back to the start again rather
than just showing the last one again on its own?<br><br>I hope this
makes sense and you can help me, if it can't be done I can probably
live without, but if there's something I'm missing or doing wrong it
would be great to have a kick in the right direction!<br><br>Once again many thanks for this script whether I get my bug fixed or not, it's great.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1208086800000#c6183814375596976996" title="comment permalink">
April 13, 2008 8:40 AM
</a>
<span class="item-control blog-admin pid-265996776">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6183814375596976996" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2005199730262266131">
<a name="c2005199730262266131"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Matt<br><br>Can you give me a link to this so I can see?<br>You can mail it to me if you don't want to make it public.<br><br>Thanks</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1208190060000#c2005199730262266131" title="comment permalink">
April 14, 2008 1:21 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2005199730262266131" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3517366005646276392">
<a name="c3517366005646276392"></a>
<a href="http://flesler.blogspot.com/2008/02/www.mattdempsey.com" rel="nofollow">Matt Dempsey</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel, I just sent an email to your gmail account, thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1208252520000#c3517366005646276392" title="comment permalink">
April 15, 2008 6:42 AM
</a>
<span class="item-control blog-admin pid-198444863">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3517366005646276392" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7007963975850930740">
<a name="c7007963975850930740"></a>
<a href="http://www.blogger.com/profile/17429003929463408165" rel="nofollow">Ringo Chen</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Love the script!<br><br>Quick question .. is there a way to highlight the navigation when you're on the corresponding/current "section"?<br><br>It's great as it is, but it would be nice to see where you're at in the slides in the navigation as well.<br><br>Thanks again!!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1208980980000#c7007963975850930740" title="comment permalink">
April 23, 2008 5:03 PM
</a>
<span class="item-control blog-admin pid-1508005143">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7007963975850930740" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c843473402155079929">
<a name="c843473402155079929"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ringo<br><br>Yes, you do that yourself using the onBefore event, it receives all the information you need.<br><br>I want to make a post with some patterns for this plugin, but I'm being lazy :)<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1208984520000#c843473402155079929" title="comment permalink">
April 23, 2008 6:02 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=843473402155079929" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3087550552469966944">
<a name="c3087550552469966944"></a>
<a href="http://www.blogger.com/profile/17429003929463408165" rel="nofollow">Ringo Chen</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>ah.  looks like it's been mentioned before.  thanks.<br><br>.. and thanks for being so patient &amp; helpful with everyone and their questions!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1209049500000#c3087550552469966944" title="comment permalink">
April 24, 2008 12:05 PM
</a>
<span class="item-control blog-admin pid-1508005143">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3087550552469966944" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6615003578946792696">
<a name="c6615003578946792696"></a>
Nico
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hello Ariel,<br><br>is there any way to launch onBefore at the
initialization of the SerialScroll? I'd like my right arrow to be
disabled if there isn't items to be scrolled (i.e. if there's only one)
and I don't know how to do it except using the onBefore method, which
knows the items length.<br>Thanks for your answer and your plugin.<br>Nico</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1209498960000#c6615003578946792696" title="comment permalink">
April 29, 2008 4:56 PM
</a>
<span class="item-control blog-admin pid-327935703">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6615003578946792696" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6066274651585199732">
<a name="c6066274651585199732"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Nico<br><br>You can do <br>$('#pane').trigger('goto',[0]);<br><br>To force it, but you'll need to set 'start' to 1 or something else, so there is a change.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1209503520000#c6066274651585199732" title="comment permalink">
April 29, 2008 6:12 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6066274651585199732" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7233868633961014120">
<a name="c7233868633961014120"></a>
<a href="http://www.blogger.com/profile/12654603910446784062" rel="nofollow">My Web Developer Probelsm</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel, Ben here.<br><br>Would it be possible to make it so if a
user holds down their mouse button over the arrow it'll keep scrolling
until released? I know I could apply an onmouseover event, but I would
prefer it to only keep scrolling if the mouse button is pressed.<br><br>Cheers.<br><br>p.s. Great plugins!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210661040000#c7233868633961014120" title="comment permalink">
May 13, 2008 3:44 AM
</a>
<span class="item-control blog-admin pid-1284712097">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7233868633961014120" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2329804183136198585">
<a name="c2329804183136198585"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ben, thanks<br><br>That will require the mousehold plugin for jQuery and in the callback, you use <br>$('...').trigger('next');<br><br>Ciao</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210693740000#c2329804183136198585" title="comment permalink">
May 13, 2008 12:49 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2329804183136198585" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3634913437591418695">
<a name="c3634913437591418695"></a>
<a href="http://www.blogger.com/profile/06132800721806710162" rel="nofollow">Kurt Iverson</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel,<br><br>This is a life savor! Can you tell is there a way to
have it on a continuous loop? So instead of it essentially rewinding
when cycle is true, the next item shown would be the first item shown.<br><br>Thanks,<br>Kurt</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210798380000#c3634913437591418695" title="comment permalink">
May 14, 2008 5:53 PM
</a>
<span class="item-control blog-admin pid-543797529">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3634913437591418695" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6863547352997350433">
<a name="c6863547352997350433"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br><br>No, the plugin avoids doing dom manipulation, so something like this, has to be done by the end developer.<br><br>You can do this using the onBefore and onAfter, but I foresee quite complicated code.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210799760000#c6863547352997350433" title="comment permalink">
May 14, 2008 6:16 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6863547352997350433" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c9036040164219278198">
<a name="c9036040164219278198"></a>
<a href="http://www.blogger.com/profile/06132800721806710162" rel="nofollow">Kurt Iverson</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks! I wonder if it would work with your rotater script?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210875180000#c9036040164219278198" title="comment permalink">
May 15, 2008 3:13 PM
</a>
<span class="item-control blog-admin pid-543797529">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=9036040164219278198" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2029262141118393751">
<a name="c2029262141118393751"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p><b>VERY</b> clever, never thought about that :)<br>Let me know if you do use it.<br>Thanks</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1210875900000#c2029262141118393751" title="comment permalink">
May 15, 2008 3:25 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2029262141118393751" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7828161804330747232">
<a name="c7828161804330747232"></a>
<a href="http://www.blogger.com/profile/08213384470823348640" rel="nofollow">Deeetroit</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hello!<br>Thanks for the great script.<br>One of my divs has a form in it. When the form is submitted, it gives a success or error message in that same section.<br>How
do I make the php form go back to that same section when the form is
submitted and the page reloads instead of showing the first section?<br><br>Thanks a lot.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211076300000#c7828161804330747232" title="comment permalink">
May 17, 2008 11:05 PM
</a>
<span class="item-control blog-admin pid-1189990467">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7828161804330747232" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2220140675411911811">
<a name="c2220140675411911811"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br><br>I haven't done this, but try adding an "id" to the section, then in the action of the form, add #id_of_section.<br><br>That should make the browser focus the section.<br><br>Hope it works well</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211207040000#c2220140675411911811" title="comment permalink">
May 19, 2008 11:24 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2220140675411911811" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7507782831756441337">
<a name="c7507782831756441337"></a>
<a href="http://www.blogger.com/profile/08213384470823348640" rel="nofollow">Deeetroit</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks for the suggestion. I tried that. When the form is submitted.
It goes back to the form section (section 3) for a sec then goes to the
first slide right away. What do you think is causing that?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211214240000#c7507782831756441337" title="comment permalink">
May 19, 2008 1:24 PM
</a>
<span class="item-control blog-admin pid-1189990467">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7507782831756441337" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c511992486904980503">
<a name="c511992486904980503"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Remove the part that says:<br>  force:true,</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211216100000#c511992486904980503" title="comment permalink">
May 19, 2008 1:55 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=511992486904980503" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7128727896393821576">
<a name="c7128727896393821576"></a>
<a href="http://www.blogger.com/profile/08213384470823348640" rel="nofollow">Deeetroit</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>It worked! You rule. Thanks</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211216760000#c7128727896393821576" title="comment permalink">
May 19, 2008 2:06 PM
</a>
<span class="item-control blog-admin pid-1189990467">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7128727896393821576" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8453036384639415982">
<a name="c8453036384639415982"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I want to scroll item from bottom, and stop when mouse over. Please help me.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211279160000#c8453036384639415982" title="comment permalink">
May 20, 2008 7:26 AM
</a>
<span class="item-control blog-admin pid-140028919">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8453036384639415982" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c677298234181769378">
<a name="c677298234181769378"></a>
<a href="http://www.blogger.com/profile/09769742340254073074" rel="nofollow">JJ</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel, this is working great!<br><br>I have to admit, I'm a newcomer
to javascript and jquery, and I'm trying to do something very simple
that I'm having trouble with.<br><br>I want to be able to activate the scoll event from within the object.<br><br>So,
each item in the panel contains a button to go forward and back, but
even using selectors to traverse the innerHTML, it doesn't recognize
these links.<br><br>When I put the links outside of the panel, it starts working.<br><br>I'm sure this is an easy solution, but I've been working on this for a few hours now....<br><br>E-mail me if you'd like a link to what I'm working on.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211281380000#c677298234181769378" title="comment permalink">
May 20, 2008 8:03 AM
</a>
<span class="item-control blog-admin pid-1808274125">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=677298234181769378" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5185920344914445554">
<a name="c5185920344914445554"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@Anonymous(use a name plz)<br><br>To scroll from bottom, check the
post called "Doctorate on jQuery.SerialScroll" there's one script that
is right-to-left/bottom-to-top.<br><br>As for stopping on mouseover, there's a script too. Just combine both (use axis:'y' for vertical scrolling).<br><br>@jj<br><br>To externally manipulate the widget, use the custom events described above.<br><br>I don't know your email, send me one to the address on the right, I'll reply to you asap.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211296500000#c5185920344914445554" title="comment permalink">
May 20, 2008 12:15 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5185920344914445554" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2727546636256330597">
<a name="c2727546636256330597"></a>
<a href="http://www.blogger.com/profile/02847150669091832450" rel="nofollow">Jeff</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel,<br><br>I started messing around with SerialScroll after just recently playing with localScroll. <br><br>Is
it possible to have content loaded externally which contains the
content I want to serialScroll. I ask because I know I would probably
have to use liveQuery or is there a "lazy" attribute that can be used
for SerialScroll?<br><br>Jeff</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211908020000#c2727546636256330597" title="comment permalink">
May 27, 2008 2:07 PM
</a>
<span class="item-control blog-admin pid-1825913370">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2727546636256330597" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6087252803136084109">
<a name="c6087252803136084109"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Jeff<br><br>SerialScroll has the option 'lazy' as well ( read the docs! :) ).<br><br>Only the <b>items</b> can de dynamic, that is, you must keep the scrollable pane, 'prev', 'next' and 'navigation' if used.<br><br>Note that if you need lazy navigation, you can safely combine it with LocalScroll.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1211910300000#c6087252803136084109" title="comment permalink">
May 27, 2008 2:45 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6087252803136084109" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c9113543010668424757">
<a name="c9113543010668424757"></a>
Darren
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br>This is a probably a really simple question, but how do I add
a link URL to the image currently shown ? The ones either side go left
or right, but I want the central one to launch a URL.<br>Thank<br>Darren</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212240060000#c9113543010668424757" title="comment permalink">
May 31, 2008 10:21 AM
</a>
<span class="item-control blog-admin pid-1684386519">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=9113543010668424757" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c9172633130060949929">
<a name="c9172633130060949929"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I imagine you're using the option 'jump'.<br>What you want is something quite specific.<br>You should code that with your own click binding, or using the onBefore function.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212260400000#c9172633130060949929" title="comment permalink">
May 31, 2008 4:00 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=9172633130060949929" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1074877660961053400">
<a name="c1074877660961053400"></a>
<a href="http://www.blogger.com/profile/04347867742626874694" rel="nofollow">Jock</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks Ariel, I have managed to get everything working now but one thing still niggles...<br><br>I
have set the scroll to start on a different item than the first one in
the list but can't seem to work out how to make it highlighted with the
'selected' class. Should I be using the onBefore function again?
(Please see: http://www.nmmc.co.uk/20century/index2.php)<br><br>Thanks again for all your support!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212262500000#c1074877660961053400" title="comment permalink">
May 31, 2008 4:35 PM
</a>
<span class="item-control blog-admin pid-1262356531">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1074877660961053400" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3296744638073583100">
<a name="c3296744638073583100"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Instead of using start+force, trigger a goto event by yourself.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212263700000#c3296744638073583100" title="comment permalink">
May 31, 2008 4:55 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3296744638073583100" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5451484680779429260">
<a name="c5451484680779429260"></a>
<a href="http://www.blogger.com/profile/15497926956364180939" rel="nofollow">Omid S</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel, great tool!<br><br>While testing this tool I noticed the
'start' feature does not work well on Safari -- who uses Safari? I dont
know, but just thought I'd let you know.<br><br>Also, on a post on May
31st some dude was asking how enable links on a particular slide... im
not very familiar with OnBefore or JQuery, can you give me push in the
right direction?<br><br>Thanks again for this amazing tool.<br>Omid S</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212873300000#c5451484680779429260" title="comment permalink">
June 7, 2008 6:15 PM
</a>
<span class="item-control blog-admin pid-853515965">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5451484680779429260" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8129144042153499186">
<a name="c8129144042153499186"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Omid<br><br>The option start surely works. It just tells the plugin to start on a different position than 0.<br>I do test everything on Safari.<br><br>As
for the second part, I don't quite get what you mean. The onBefore is a
setting of the plugin. A function called before each slide.<br>Sadly the online demo is out of service, but if you read the docs, you should be able to see how it works.<br><br>Ping me by email if you need more help.<br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1212877920000#c8129144042153499186" title="comment permalink">
June 7, 2008 7:32 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8129144042153499186" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1724463162735262719">
<a name="c1724463162735262719"></a>
<a href="http://iamseanmurphy.com/" rel="nofollow">Sean Murphy</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel, great plugin!<br><br>One thing though, is that it would be
nice if there were a destroy() method that unbinds all the events and
resets all the properties that Serial Scroll adds to the container and
child elements. That way you could "re-initialize" SerialScroll on the
same container more than once.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1213122120000#c1724463162735262719" title="comment permalink">
June 10, 2008 3:22 PM
</a>
<span class="item-control blog-admin pid-1274314608">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1724463162735262719" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c370322407610316944">
<a name="c370322407610316944"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Sean<br><br>SerialScroll doesn't add any property to any element.<br>The only change is event binding.<br><br>I didn't add this method, as it's not usually needed and it's very easy to do that manually.<br><br>You need to unbind w/e you chose as 'event' (click by default) from the arrows.<br>Then unbind it from the container (if 'lazy') or the items.<br>Finally, unbind('.serialScroll') from the container.<br><br>Note that you prolly don't need to rebind, for dynamic content do consider the option 'lazy'.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1213126860000#c370322407610316944" title="comment permalink">
June 10, 2008 4:41 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=370322407610316944" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5531237176727607609">
<a name="c5531237176727607609"></a>
<a href="http://www.blogger.com/profile/07523073479544940688" rel="nofollow">AnjiPanji</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks for the Great Plugin!<br>I'm having an issues with SerialScroll not working in IE...Safari and FF 3.0 work great.<br><br>here is the link to the page:<br><br>http://letterfive.com/as_What_We_Do<br><br>the plus/minus arrows are the next/prev.<br><br>Any help is much appreciated.<br><br>Thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1214848380000#c5531237176727607609" title="comment permalink">
June 30, 2008 2:53 PM
</a>
<span class="item-control blog-admin pid-1269636698">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5531237176727607609" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5455514750940158174">
<a name="c5455514750940158174"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br>Add position:relative to #article_container.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1214850900000#c5455514750940158174" title="comment permalink">
June 30, 2008 3:35 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5455514750940158174" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c881306750468542922">
<a name="c881306750468542922"></a>
<a href="http://www.blogger.com/profile/07523073479544940688" rel="nofollow">AnjiPanji</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Perfect!, thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1214853180000#c881306750468542922" title="comment permalink">
June 30, 2008 4:13 PM
</a>
<span class="item-control blog-admin pid-1269636698">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=881306750468542922" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8813012373832848958">
<a name="c8813012373832848958"></a>
<a href="http://www.blogger.com/profile/04976443616855793987" rel="nofollow">Aamir Afridi</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi,<br><br>I have container where i animate the products<br><br>and
a pager which are gray dots and onclick on any gray dot, after
animating the product, i need to take the id of JUST CLICKED gray dot
and assign css class as 'ACTIVE' (yellow dot) and the rest of gray dots
should go 'inactive' (gray dot)<br><br>I see the alert many times but it should show the alert just once.<br>  <br><br>here is code:<br><br>http://kohana.pastebin.com/m4b148c3a<br><br><b>If you see an alert saying 'i am a good link', that appear many times</b><br><br><i>it
might be a stupid question but i am sorry, i am not that good in jQuery
and other point is that if i take this block of code outside onAfter,
its not working. Please help</i></p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1215526320000#c8813012373832848958" title="comment permalink">
July 8, 2008 11:12 AM
</a>
<span class="item-control blog-admin pid-1721771923">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8813012373832848958" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6449610197132919182">
<a name="c6449610197132919182"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Try this:<br><br>http://kohana.pastebin.com/f78ae50d7</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1215536640000#c6449610197132919182" title="comment permalink">
July 8, 2008 2:04 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6449610197132919182" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7189489881161253062">
<a name="c7189489881161253062"></a>
<a href="http://www.blogger.com/profile/04976443616855793987" rel="nofollow">Aamir Afridi</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>@Ariel Flesler<br><br>Thanks for your reply and effort for writing
me a code but still its not working. I put and alert on elem.id and i
got nothing(empty) in alert.<br><br>Can u please explain what is elem
and how can i access its contents. Will it be the link clicked to
animate the pane? or the pane being animate.<br><br>thanks for ur reply and efforts. It looks great except this problem.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1215602580000#c7189489881161253062" title="comment permalink">
July 9, 2008 8:23 AM
</a>
<span class="item-control blog-admin pid-1721771923">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7189489881161253062" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4645144832739631367">
<a name="c4645144832739631367"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Aamir<br><br>My bad, try this instead:<br>http://kohana.pastebin.com/f5446f428<br><br>It uses the onBefore instead of onAfter, so it'll happen when the animation starts.<br>But it receives more arguments and makes this easier.<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1215614340000#c4645144832739631367" title="comment permalink">
July 9, 2008 11:39 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4645144832739631367" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1904873711280391431">
<a name="c1904873711280391431"></a>
<a href="http://www.syntesis.org/" rel="nofollow">Josh</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hey! Great work. Your advice to add position:relative to the
container is VERY important. I was frustrated a good night trying to
figure out why IE7 wasn't scrolling my div elements that contained
links. (Worked with images though, weird). Anyway, thanks for the great
work!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1216832580000#c1904873711280391431" title="comment permalink">
July 23, 2008 2:03 PM
</a>
<span class="item-control blog-admin pid-2101938593">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1904873711280391431" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7467549243921090202">
<a name="c7467549243921090202"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Is is possible to use the OnAfter function to show a particular DIV
layer when you have scrolled to an image. For instance, I have 5 images
I'm scrolling through. When I stop at image 3 I would like DIV 3 to
appear beside it. So DIV 1 becomes hidden and DIV 3 becomes visible. Is
that possible please?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1217324340000#c7467549243921090202" title="comment permalink">
July 29, 2008 6:39 AM
</a>
<span class="item-control blog-admin pid-1064684214">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7467549243921090202" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4247360584623768761">
<a name="c4247360584623768761"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br>Yes, the first argument of the onAfter is the element you scrolled to.<br>Using it, you can find its corresponding div and show it.<br>You keep the previous div in a external variable and hide it, then save the new div into the var.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1217343240000#c4247360584623768761" title="comment permalink">
July 29, 2008 11:54 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4247360584623768761" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5221020320591314076">
<a name="c5221020320591314076"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Great plugin. But since I'm a noob at jquery and javascript, I can't
get past one problem. I'm putting href links in some text blocks in the
li tags, but when I click that link, nothing happens. I suspect it's
because the script is set up to advance the scroll on the click event,
but I don't know any way around it. Mind suggesting how to change this?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1217799780000#c5221020320591314076" title="comment permalink">
August 3, 2008 6:43 PM
</a>
<span class="item-control blog-admin pid-143191786">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5221020320591314076" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c455444285417467305">
<a name="c455444285417467305"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>If I'm not getting your problem incorrectly, you have 2 options.<br><br>1- If you're using the option 'jump' as true, then set that to false.<br><br>2- Add this code: http://flesler.pastebin.com/f4becac84<br><br>Cheers</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1217859960000#c455444285417467305" title="comment permalink">
August 4, 2008 11:26 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=455444285417467305" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c320651340842768037">
<a name="c320651340842768037"></a>
Kevin Evans
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hello again, I want it very similar to this one http://www.salvilaw.com/ but without the gap at the bottom when it ends.<br><br>How do you control the speed too?<br><br>thanks!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1217951700000#c320651340842768037" title="comment permalink">
August 5, 2008 12:55 PM
</a>
<span class="item-control blog-admin pid-663958175">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=320651340842768037" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3698352385575621819">
<a name="c3698352385575621819"></a>
Kevin Evans
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel,<br><br>We are willing to pay if you can help us fix the problems on http://www.salvilaw.com/index_scroller.html<br><br>Basically
we need it to pause on rollover and also have a continous cycle, with
no gap between the bottom of the last item and when it starts over.<br><br>Just let us know if you can help us and how much you want to charge. The client is getting antsy so we need to get it done soon.<br><br>THe
current live homepage at http://www.salvilaw.com/ has another script
which works fine but the client does not like the gap at the bottom of
the content. So that's why we are trying to use your awesome script.<br><br>Thanks alot!<br><br>Kevin</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218135360000#c3698352385575621819" title="comment permalink">
August 7, 2008 3:56 PM
</a>
<span class="item-control blog-admin pid-338132110">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3698352385575621819" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8148107596759493521">
<a name="c8148107596759493521"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Kevin<br><br>Contact me by IM or email.<br>I have Gtalk and MSN.<br>aflesler[a]gmail<br>flesler[a]hotmail</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218142320000#c8148107596759493521" title="comment permalink">
August 7, 2008 5:52 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8148107596759493521" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6559404141109755687">
<a name="c6559404141109755687"></a>
<a href="http://flesler.blogspot.com/2008/02/www.fotos.desg.de" rel="nofollow">Lars Hagen</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hello Ariel,<br><br>today I tried your really great plugin. But is it possible that the 'cycle' does not really work? <br><br>I
tried your demo and as far as I understood it shall endless scroll in
ONE direction but the scroll is "bouncing"? Did I understood something
wrong or where is my mistake ('caus such a endless scroller in one
direction is exacly what I need and I'm looking for...)<br><br>Thanks for your help and best regards,<br>Lars</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218818760000#c6559404141109755687" title="comment permalink">
August 15, 2008 1:46 PM
</a>
<span class="item-control blog-admin pid-1989874408">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6559404141109755687" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5489794266853846087">
<a name="c5489794266853846087"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Lars<br><br>Indeed, the option 'cycle' does bounce.<br>Having an endless animation would require to move/clone elements, that is something the plugin won't do.<br><br>You can do that yourself using the onBefore. You need to set the option 'lazy' to true, and clone/append elements as it scrolls.<br>It will continue the animation naturally.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218821520000#c5489794266853846087" title="comment permalink">
August 15, 2008 2:32 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5489794266853846087" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4064657065931347591">
<a name="c4064657065931347591"></a>
<a href="http://flesler.blogspot.com/2008/02/www.fotos.desg.de" rel="nofollow">Lars Hagen</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel,<br><br>thanks for the answer. Could you imagine to provide such a feature in one of the next releases? It would be really great :)<br><br>greetings,<br>Lars</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218824160000#c4064657065931347591" title="comment permalink">
August 15, 2008 3:16 PM
</a>
<span class="item-control blog-admin pid-548759040">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4064657065931347591" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5372848538580075809">
<a name="c5372848538580075809"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi<br><br>I can provide a way of doing that with a separate script, like I did for other kind of situations.<br>But
not into the plugin itself. I keep it generic and there isn't one
single way of doing this, and it wouldn't satisfy any situation.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218825060000#c5372848538580075809" title="comment permalink">
August 15, 2008 3:31 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5372848538580075809" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c3998035449530206653">
<a name="c3998035449530206653"></a>
<a href="http://flesler.blogspot.com/2008/02/ww.fotos.desg.de" rel="nofollow">Lars Hagen</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi, that would be very kind and great. Looking forward :)<br><br>Thanks a lot, <br>Lars</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1218825300000#c3998035449530206653" title="comment permalink">
August 15, 2008 3:35 PM
</a>
<span class="item-control blog-admin pid-897296891">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=3998035449530206653" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7449705594495526085">
<a name="c7449705594495526085"></a>
<a href="http://www.benekdesign.com/" rel="nofollow">Benek</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel,<br><br>I'm using your plugin to scroll logos horizontally
across a banner, I've got it all working as I want, and now I'm trying
to make the animation stop whenever I mouseover a logo and then restart
when I mouseout. I've created a function on mouseover of the logos that
calls $(container).stop() but it doesn't seem to be working properly.
The animation bounces a around back and forth a little instead of
stopping completely, and then on mouseout it resumes it's steady
scroll. Do you know what might be causing this behavior?<br><br>Also,
I'd be interested in what Lars mentioned about a solution to scroll
endlessly in one direction rather then bouncing from one side to the
next when using cycle.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219369020000#c7449705594495526085" title="comment permalink">
August 21, 2008 10:37 PM
</a>
<span class="item-control blog-admin pid-334659188">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7449705594495526085" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2517868887874902096">
<a name="c2517868887874902096"></a>
<a href="http://www.benekdesign.com/" rel="nofollow">Benek</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Oh BTW, thanks for such a great plugin! I searched around a lot for
the best solution for my needs before finally coming to your plugin.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219369080000#c2517868887874902096" title="comment permalink">
August 21, 2008 10:38 PM
</a>
<span class="item-control blog-admin pid-1431409518">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2517868887874902096" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5939458772677058388">
<a name="c5939458772677058388"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>HI Benek<br><br>Check the blog post called "Doctorate on SerialScroll", it has the snippet to do that.<br><br>As for the endless scrolling, it's doable, I just haven't made a model call yet :)</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219369440000#c5939458772677058388" title="comment permalink">
August 21, 2008 10:44 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5939458772677058388" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8766111720484479756">
<a name="c8766111720484479756"></a>
<a href="http://www.benekdesign.com/" rel="nofollow">Benek</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thank you so much for the quick reply. I got you snippet and it works like a dream. Excellent plugin!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219378680000#c8766111720484479756" title="comment permalink">
August 22, 2008 1:18 AM
</a>
<span class="item-control blog-admin pid-853655448">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8766111720484479756" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8628747176163553741">
<a name="c8628747176163553741"></a>
hardik
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Your Plugin works great. but i want to do something like this.<br><br>when
user clicks on the next button and the slide is last. then instead of
moving around from last slide to first slide. it will show directly
first slide.<br><br>can you tell me how to do this ?<br><br>thank you very much for nice plugin.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219910820000#c8628747176163553741" title="comment permalink">
August 28, 2008 5:07 AM
</a>
<span class="item-control blog-admin pid-701284961">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8628747176163553741" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7953489682064517969">
<a name="c7953489682064517969"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Hardik<br><br>To make it scroll instantly you'll need to use jQuery.ScrollTo.<br><a href="http://flesler.pastebin.com/f3fb496a4" rel="nofollow">here</a> you have a draft of a possible solution (you need to fill some parts).<br><br>If you just want it to scroll 'faster' in that case, you can try setting the option 'constant' to false.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1219932960000#c7953489682064517969" title="comment permalink">
August 28, 2008 11:16 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7953489682064517969" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8862472056960248804">
<a name="c8862472056960248804"></a>
<a href="http://www.blogger.com/profile/01170019808661675379" rel="nofollow">amay</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>I got a DIV with text in it, it's height is 300px. i want to make a
custom scrollbar with a smooth flow. i thought i could use your plugin,
but i still didnt manage how... could you help me out please?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221132900000#c8862472056960248804" title="comment permalink">
September 11, 2008 8:35 AM
</a>
<span class="item-control blog-admin pid-1300512211">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8862472056960248804" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7917697155557000720">
<a name="c7917697155557000720"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi, this plugin is to scroll "item-wise", that is thru items.<br>To just scroll a container, you can use just $.scrollTo (serialScroll's base plugin).<br><br>You simply tell it to scroll to some place whenever you need.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221144240000#c7917697155557000720" title="comment permalink">
September 11, 2008 11:44 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7917697155557000720" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c876771418118337268">
<a name="c876771418118337268"></a>
<a href="http://www.blogger.com/profile/17898924684090320867" rel="nofollow">Timothy</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>how do you control whether or not when you click on the link, the page moves to the top of that ID after scrolling?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221232440000#c876771418118337268" title="comment permalink">
September 12, 2008 12:14 PM
</a>
<span class="item-control blog-admin pid-1130426257">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=876771418118337268" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c452221358821157082">
<a name="c452221358821157082"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>That is prevented (e.preventDefault()) as that is the expected behavior on most cases.<br>You can bind your own handler to enforce this behavior if you want.<br><br>$('a.some_links').click(function(){<br>  location = this.href;<br>});</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221239400000#c452221358821157082" title="comment permalink">
September 12, 2008 2:10 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=452221358821157082" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c885509085172201594">
<a name="c885509085172201594"></a>
<a href="http://www.blogger.com/profile/05634908137144999094" rel="nofollow">Robert den</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ariel,<br><br>Is it possible with this script to scroll to an area in a map?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221690360000#c885509085172201594" title="comment permalink">
September 17, 2008 7:26 PM
</a>
<span class="item-control blog-admin pid-14124080">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=885509085172201594" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2630543739464615613">
<a name="c2630543739464615613"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Robert<br><br>You should, if you're having problems, get me a demo of the prob online and I'll check.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221691680000#c2630543739464615613" title="comment permalink">
September 17, 2008 7:48 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2630543739464615613" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4700658788939011744">
<a name="c4700658788939011744"></a>
<a href="http://www.robferrer.co.uk/" rel="nofollow">Rob</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel<br><br>Love the plugin - it does exactly what I want.<br><br>I am using it to show a horizontal series of product thumbnails that I want to continuously cycle.<br><br>Everything works great, except that when it reaches the end there is a significant pause before the scrolling "bounces" back.<br><br>Is this configurable, or is it a pause while it calculates?<br><br>The settings I'm using are:<br>   items:'div',   duration:2000,<br>force:true,<br>axis:'x',<br>easing:'linear',<br>interval:1,<br>cycle:true<br><br>I can show you my work in progress if you want, but I don't want to display it on a public message at this point.<br><br>Thanks<br><br>Rob</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221736500000#c4700658788939011744" title="comment permalink">
September 18, 2008 8:15 AM
</a>
<span class="item-control blog-admin pid-1399483823">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4700658788939011744" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c8956550511633782182">
<a name="c8956550511633782182"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Rob<br>Send me a link by email and I'll check that.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1221746880000#c8956550511633782182" title="comment permalink">
September 18, 2008 11:08 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=8956550511633782182" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1172976004113387260">
<a name="c1172976004113387260"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hello!<br><br>How to highlight navigation link when section active? <br><br>Please help!</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222001580000#c1172976004113387260" title="comment permalink">
September 21, 2008 9:53 AM
</a>
<span class="item-control blog-admin pid-526754252">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1172976004113387260" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1534311757332689592">
<a name="c1534311757332689592"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi, you can do that with an external (click) binding, or inside the onBefore.<br><br>If
you use the event, then one of the parameters is the selected index.
That's all you need (check LocalScroll's demo which does this).</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222018920000#c1534311757332689592" title="comment permalink">
September 21, 2008 2:42 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1534311757332689592" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c5153504163327043955">
<a name="c5153504163327043955"></a>
<a href="http://www.designforprofit.co.uk/" rel="nofollow">Frances from London</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>This is a really nice plugin.<br><br>Would it be possible to change the speed on a click?<br><br>What
I am trying to do is stop auto-scrolling when a next/prev button is
clicked, and I would like the scrolling to then happen faster.<br><br>Should I just set serial scroll again and differently? Or is there a way to just reset some properties?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222038480000#c5153504163327043955" title="comment permalink">
September 21, 2008 8:08 PM
</a>
<span class="item-control blog-admin pid-113350772">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=5153504163327043955" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c7248344152219502274">
<a name="c7248344152219502274"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Frances<br>You can't access the settings object after you call the plugin (I plan to add this).<br>You can certainly call the plugin twice.<br>Once specifying prev/next and the other the 'interval'.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222081140000#c7248344152219502274" title="comment permalink">
September 22, 2008 7:59 AM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=7248344152219502274" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c2383616145470027059">
<a name="c2383616145470027059"></a>
<a href="http://www.blogger.com/profile/12310782898342542567" rel="nofollow">faridsilva</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Hi Ariel, I'm trying to set up your script, I'm think that is
amazing, but at the present I'm really frustrated 'cause I don't get it
up.<br>If I repeat your serialScroll demo, it works smoothly, but if I
try with SerialScroll_right-to-left (which is the one I need), nothing
happens in my browser.<br>Following your example I'm using in my head section:<br><br>src='js/jquery-min.js'&gt;<br>src='js/jquery.scrollTo-min.js'&gt;<br>src='js/jquery.serialScroll-min.js'&gt; <br>src='js/SerialScroll_right-to-left.js'&gt;<br><br>Is that order accurate? Did I forget something?<br><br>Thanks in advance.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222120740000#c2383616145470027059" title="comment permalink">
September 22, 2008 6:59 PM
</a>
<span class="item-control blog-admin pid-815452983">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=2383616145470027059" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c689664515953899869">
<a name="c689664515953899869"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Those snippets are of course 'models'. You need to shape them up to your html and fill some blanks too.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222126320000#c689664515953899869" title="comment permalink">
September 22, 2008 8:32 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=689664515953899869" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c6516381291434689903">
<a name="c6516381291434689903"></a>
Anonymous
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>this is a great plug in, good job. Quick question: Is it possible to
control the next/previous actions from arrow key presses instead of
href="#" ?</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222294380000#c6516381291434689903" title="comment permalink">
September 24, 2008 7:13 PM
</a>
<span class="item-control blog-admin pid-2030839182">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=6516381291434689903" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1392112040435379768">
<a name="c1392112040435379768"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>You're confusing plugins. LocalScroll works with href's.<br>SerialScroll doesn't. You can manipulate it with the keyboard, check the post called "Doctorate on SerialScroll".</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222301040000#c1392112040435379768" title="comment permalink">
September 24, 2008 9:04 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1392112040435379768" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c4142570591669471596">
<a name="c4142570591669471596"></a>
<a href="http://www.designforprofit.co.uk/" rel="nofollow">Frances from London</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Being able to access the settings after you have specified them would be really fantastic.<br><br>Apart from that, it has made setting up a ticker/scroller fantastically easy. Thanks.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222483620000#c4142570591669471596" title="comment permalink">
September 26, 2008 11:47 PM
</a>
<span class="item-control blog-admin pid-1438598082">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=4142570591669471596" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c1170142032170817112">
<a name="c1170142032170817112"></a>
<a href="http://www.blogger.com/profile/17700414222186772120" rel="nofollow">Ariel Flesler</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Ok thanks. I do have that mind for a next release.</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1222531140000#c1170142032170817112" title="comment permalink">
September 27, 2008 12:59 PM
</a>
<span class="item-control blog-admin pid-227653353">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=1170142032170817112" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
<dt class="comment-author " id="c9134293762860964526">
<a name="c9134293762860964526"></a>
<a href="http://35ribu.com/" rel="nofollow">iklan baris</a>
said...
<a class="show-hide" href="#">show</a></dt>
<dd class="comment-body">
<p>Thanks for share..</p>
</dd>
<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html?showComment=1250257723159#c9134293762860964526" title="comment permalink">
August 14, 2009 10:48 AM
</a>
<span class="item-control blog-admin pid-1598254679">
<a href="http://www.blogger.com/delete-comment.g?blogID=8640596986273216089&amp;postID=9134293762860964526" title="Delete Comment">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</span>
</dd>
</dl>
<p class="comment-footer">
<a href="http://flesler.blogspot.com/2008/04/doctorate-on-jqueryserialscroll.html#comments">
Post a Comment
</a>
<strong class="marleft">
<u>To get help prepare a demo.</u></strong>
</p>
<div id="backlinks-container">
<div id="Blog1_backlinks-container"><a name="links"></a><h4>Links to this post</h4>

<dl id="comments-block" class="comments-block">

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.demi.cn/archives/12604" rel="nofollow">jquery tab标签浏览插件</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.demi.cn%2Farchives%2F12604">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
1、jquery标签浏览插件：idtabs.
idtabs是一个能够创建简单到复杂tab控件的jquery插件。支持动态添加和选择tab，idtabs能够绑定到不同的事件如
mouseover。 项目地址：http://www.sunsean.com/idtabs/. 2、pager jquery plug-in <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
admin</span>
<span class="comment-timestamp">Posted on
August 14, 2009 5:19 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.8next.com/archives/3770" rel="nofollow">超强1000个jquery极品插件！（连载中。。。。）</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.8next.com%2Farchives%2F3770">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
花n长时间积累的jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。 感谢大家的支持。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++.
accordion类 <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
neemem</span>
<span class="comment-timestamp">Posted on
June 20, 2009 1:56 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://blog.163.com/k_doll/blog/static/78450130200951055037837" rel="nofollow">超强1000个jquery极品插件！（连载中。。。。） - 学无止境- 博客园</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fblog.163.com%2Fk_doll%2Fblog%2Fstatic%2F78450130200951055037837">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
花n长时间积累的jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。 感谢大家的支持。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++.
accordion类 <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
kingdoll</span>
<span class="comment-timestamp">Posted on
June 10, 2009 6:50 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.bbon.cn/2009/04/10-%E5%AE%9E%E7%94%A8javascript%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80%E6%8A%80%E5%B7%A7.html" rel="nofollow">10+ 实用javascript页面布局技巧</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.bbon.cn%2F2009%2F04%2F10-%25E5%25AE%259E%25E7%2594%25A8javascript%25E9%25A1%25B5%25E9%259D%25A2%25E5%25B8%2583%25E5%25B1%2580%25E6%258A%2580%25E5%25B7%25A7.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面收集的11种高超的javascipt技术，让你更好的控制内容 <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
菠菜</span>
<span class="comment-timestamp">Posted on
April 24, 2009 11:25 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.cnblogs.com/junzhongxu/archive/2009/03/27/1422918.html" rel="nofollow">超强1000个jquery极品插件！二</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.cnblogs.com%2Fjunzhongxu%2Farchive%2F2009%2F03%2F27%2F1422918.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
jwysiwyg. damn small rich text editor 基于jquery开发，能够从iframe元素创建一个rich
text editor。提供了所有基本的rich text功能，可设置文本编辑区大小，ajax上传图片等。 damn small rich
text editor 热点图书：www.hotbook.cn <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
广陵散仙（www.cnblogs.com/junzhongxu/）</span>
<span class="comment-timestamp">Posted on
March 26, 2009 11:11 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.scriptygoddess.com/archives/2009/03/23/multi-row-carousel-and-image-loader-with-jquery/" rel="nofollow">multi-row carousel and image loader with jquery</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.scriptygoddess.com%2Farchives%2F2009%2F03%2F23%2Fmulti-row-carousel-and-image-loader-with-jquery%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
a recent project i've been working on involved a portfolio page that
required a "carousel" type browser. it also needed to have multiple
rows (so that images could be grouped into various projects). also,
because this page would contain <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Jennifer</span>
<span class="comment-timestamp">Posted on
March 23, 2009 3:04 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.bitrepository.com/scroll-effect.html" rel="nofollow">how to use the scroll effect in jquery, mootools and script.aculo.us</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.bitrepository.com%2Fscroll-effect.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
using the famous libraries jquery, mootools and script.aculo.us you can
easily scroll overflowed elements and the screen itself. here's how you
can use this cool effect in each library: jquery.scrollto is an
excellent, easy to implement <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Gabriel</span>
<span class="comment-timestamp">Posted on
March 15, 2009 8:35 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.bitrepository.com/web-programming/javascript/scroll-effect.html" rel="nofollow">how to use the scroll effect in jquery, mootools or script.aculo.us</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.bitrepository.com%2Fweb-programming%2Fjavascript%2Fscroll-effect.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
using the famous libraries jquery, mootools or script.aculo.us you can
easily scroll overflowed elements and the screen itself. here's how you
can use this cool effect in each library: jquery.scrollto is an
excellent, easy to implement <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Gabriel</span>
<span class="comment-timestamp">Posted on
March 15, 2009 8:35 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.strohhalm.org/forum/?action=viewTopic&amp;topic=2525#entry13910" rel="nofollow">jquery scroll: über navi bestimmte seite innerhalb der slide-show <b>...</b></a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.strohhalm.org%2Fforum%2F%3Faction%3DviewTopic%26topic%3D2525%23entry13910">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
hallo,. ich verstehe ehrlich gesagt das problem nicht. auf der jquery
serialscroll-seite sind die optionen doch beschrieben, die das script
zur verfügung stellt. da steht auch, dass du zu beliebigen sektionen
scrollen kannst. <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
wurstbrot</span>
<span class="comment-timestamp">Posted on
February 28, 2009 11:12 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.thegermz.com/helpful-websites/top-50-ajax-tools-scripts-solutions-that-will-rock-your-world" rel="nofollow">top 50 ajax tools, scripts &amp; solutions that will rock your world.</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.thegermz.com%2Fhelpful-websites%2Ftop-50-ajax-tools-scripts-solutions-that-will-rock-your-world">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
if you're a webmaster like me, then it's more than likely that you've
heard of ajax. and for those who've never heard of ajax, we are not
talking about the cleaning product but rather, asynchronous javascript
and xml which in short is <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Germz</span>
<span class="comment-timestamp">Posted on
February 19, 2009 9:20 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.cnblogs.com/CB/archive/2009/02/05/1384269.html" rel="nofollow">11种控制内容展示的javascript特效和技巧</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.cnblogs.com%2FCB%2Farchive%2F2009%2F02%2F05%2F1384269.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。 不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面，我们为你收集整理了11种高超的javascipt技术，让你 <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
CB</span>
<span class="comment-timestamp">Posted on
February 4, 2009 11:10 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://ajaxian.com/archives/content-visualization-techniques-and-views" rel="nofollow">content visualization techniques and views</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fajaxian.com%2Farchives%2Fcontent-visualization-techniques-and-views">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
noupe has another nice roundup, this time they are showing 10 smart
javascript techniques for manipulating content. they share nice content
views with demos and how to content. included in the list is: jquery
pageslide: jquery pageslide <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Dion Almaer</span>
<span class="comment-timestamp">Posted on
January 13, 2009 8:08 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.wpconfig.com/2009/01/12/10-smart-javascript-techniques-for-manipulating-content/" rel="nofollow">10 smart javascript techniques for manipulating content</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.wpconfig.com%2F2009%2F01%2F12%2F10-smart-javascript-techniques-for-manipulating-content%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
delivering informative structure is the primary task an interactive
user interface should be able to cope with. the more intuitive layout
structure is designed, the better users can understand the content. <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
frank</span>
<span class="comment-timestamp">Posted on
January 12, 2009 8:59 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.noupe.com/javascript/10-smart-javascript-techniques-for-manipulating-content.html" rel="nofollow">10 smart javascript techniques for manipulating content</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.noupe.com%2Fjavascript%2F10-smart-javascript-techniques-for-manipulating-content.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
delivering informative structure is the primary task an interactive
user interface should be able to cope with. the more intuitive layout
structure is designed, the better users can understand the content. <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Noupe</span>
<span class="comment-timestamp">Posted on
January 12, 2009 2:56 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://blog.webdistortion.com/2008/12/29/17-mega-creative-side-scrolling-websites/" rel="nofollow">17 mega-creative side scrolling websites.</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fblog.webdistortion.com%2F2008%2F12%2F29%2F17-mega-creative-side-scrolling-websites%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
side scroller websites have been around for quite some time, but with
the penetration now of javascript effects and frameworks, some new
sites popping up around the web are really beginning to shine. some of
the following websites show <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Paul Anthony</span>
<span class="comment-timestamp">Posted on
December 29, 2008 4:41 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://blog.webmasterschool.ru/javascript/216/" rel="nofollow">coda slider эффект. часть 1</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fblog.webmasterschool.ru%2Fjavascript%2F216%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
прежде чем начать описание coda slider эффект, стоит посмотреть, что
это вообще такое: вот один из примеров реализации. повторить этот
эффект у себя на сайте очень просто, если знать, какие плагины jquery
использовать: <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
admin</span>
<span class="comment-timestamp">Posted on
November 28, 2008 10:23 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.danielerollo.com/2008/09/05/creare-uno-scroller-di-rss-con-simplepie-e-jquery/" rel="nofollow">Creare uno scroller di rss con Simplepie e jQuery</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.danielerollo.com%2F2008%2F09%2F05%2Fcreare-uno-scroller-di-rss-con-simplepie-e-jquery%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
Una buona idea per proporre il contenuto di un feed rss all'interno di
una pagina web, può essere quella di inserire i vari item all'interno
di un box, e rendere questo box scrollabile in modo che l'utente possa
visualizzare gli item <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
daniele</span>
<span class="comment-timestamp">Posted on
September 4, 2008 7:30 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.danielerollo.com/creare-uno-scroller-di-rss-con-simplepie-e-jquery/" rel="nofollow">Creare uno scroller di rss con Simplepie e jQuery</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.danielerollo.com%2Fcreare-uno-scroller-di-rss-con-simplepie-e-jquery%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
Una buona idea per proporre il contenuto di un feed rss all'interno di
una pagina web, può essere quella di inserire i vari item all'interno
di un box, e rendere questo box scrollabile in modo che l'utente possa
visualizzare gli item <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
daniele</span>
<span class="comment-timestamp">Posted on
September 4, 2008 7:30 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://blog.fouland.com/2008/07/coda-slider-effect/" rel="nofollow">coda slider effect</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fblog.fouland.com%2F2008%2F07%2Fcoda-slider-effect%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
用jquery仿coda的一个tab slide效果~ 来源：jqueryfordesigners. 需要以下三个插件：. scrollto;
localscroll; serialscroll.
demo:http://lab.fouland.com/js-tester/jq-coda/coda-slider.html | coda.
 </dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
炎妖儿</span>
<span class="comment-timestamp">Posted on
July 22, 2008 4:15 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.webresourcesdepot.com/jquery-coda-slider/" rel="nofollow">jquery coda slider</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.webresourcesdepot.com%2Fjquery-coda-slider%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
this is another coda slider built with jquery (check ycodaslider 2.0 -
wrd post). as the use of them are becoming common, it is better we have
different choices. to run this coda slider, along with jquery you need
the following plugins: <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
wrd</span>
<span class="comment-timestamp">Posted on
June 4, 2008 2:01 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html" rel="nofollow">30+ javascript/ajax techniques for sliders, scrollers and scrollbars</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.noupe.com%2Fjavascript%2F30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
every once in a while we like to focus on different design elements and
how to use javascript and ajax to make them more interactive and more
flexible to the user. in this article we'd like to present a list of
over 30 hand-picked <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Noupe</span>
<span class="comment-timestamp">Posted on
May 7, 2008 8:34 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.w3school.ru/blog/web-development/45-fresh-out-of-the-oven-jquery-plugins.html" rel="nofollow">45 свежих и полезных jquery плагинов и скриптов</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.w3school.ru%2Fblog%2Fweb-development%2F45-fresh-out-of-the-oven-jquery-plugins.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
автор: noupe перевод: всеволод козлов. еще одна подборка полезных
jquery плагинов и скриптов для веб-разработчиков. ищем нужное и
добавляем в букмарки! слайдшоу и галереи. 1) галерея. 2) jquery
мультимедийное портфолио. 3) wslide <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Всеволод Козлов</span>
<span class="comment-timestamp">Posted on
April 16, 2008 12:22 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.spoonfeddesign.com/100-best-javascript-resources" rel="nofollow">100 best javascript resources</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.spoonfeddesign.com%2F100-best-javascript-resources">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
javascript is an extremely useful scripting language for enhancing user
experience and usability. it is becoming more and more popular as more
developers begin to make cool techniques accessible. here are 100
excellent javascript (and a <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Matt</span>
<span class="comment-timestamp">Posted on
February 9, 2009 7:10 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://yakelie.com/html/2008-03-12/jquery-plug-ins-1.html" rel="nofollow">jquery插件(1)</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fyakelie.com%2Fhtml%2F2008-03-12%2Fjquery-plug-ins-1.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
标签云. 4) hover sub tags- 使用jquery来缩小标签云所占成的页面，比如你有一个”ajax”的标签,
你可以在这个标签里面再放入二级标签jquery, mootools, 等…当鼠标悬浮在一级标签上时，就出现一个动态提示效果的二级标签云。 <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
sharmy</span>
<span class="comment-timestamp">Posted on
March 12, 2008 5:49 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://outatime.wordpress.com/2008/03/06/45-fresh-out-of-the-oven-jquery-plugins/" rel="nofollow">45+ fresh out of the oven jquery plugins</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Foutatime.wordpress.com%2F2008%2F03%2F06%2F45-fresh-out-of-the-oven-jquery-plugins%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
two month ago we've presented the 50 favorite jquery plugins many
developers use and we promised that the second version will be coming
soon. today, we are going to introduce 45+ more jquery plugins that
were recently created, <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
outaTiME</span>
<span class="comment-timestamp">Posted on
March 6, 2008 9:57 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html" rel="nofollow">45+ fresh out of the oven jquery plugins</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fwww.noupe.com%2Fajax%2F45-fresh-out-of-the-oven-jquery-plugins.html">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
two month ago we've presented the 50 favorite jquery plugins many
developers use and we promised that the second version will be coming
soon. today, we are going to introduce 45+ more jquery plugins that
were recently created, <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Noupe</span>
<span class="comment-timestamp">Posted on
March 5, 2008 10:54 PM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://plugins.jquery.com/project/ScrollShow" rel="nofollow">scrollshow</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Fplugins.jquery.com%2Fproject%2FScrollShow">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
i've made a new plugin, that is meant to supercede jquery.scrollshow.
the latter has been in beta stage for too long. please check
query.serialscroll
http://flesler.blogspot.com/2008/02/jqueryserialscroll.html <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Flesler</span>
<span class="comment-timestamp">Posted on
October 30, 2007 1:04 AM</span>
</dd>
</div>

<div class="collapsed-backlink backlink-control">
<dt class="comment-title">
<span class="backlink-toggle-zippy">&nbsp;</span>
<a href="http://trsplet.com/blog/2008/05/01/javascript-scrolling-jqueryscrollto-jqueryserialscroll/" rel="nofollow">javascript - scrolling - jquery.scrollto - jquery.serialscroll</a>
<span class="item-control pid-227653353">
<a title="" href="http://www.blogger.com/delete-backlink.g?blogID=8640596986273216089&amp;postID=372641518526969384&amp;backlinkURL=http%3A%2F%2Ftrsplet.com%2Fblog%2F2008%2F05%2F01%2Fjavascript-scrolling-jqueryscrollto-jqueryserialscroll%2F">
<img src="jqueryserialscroll_files/icon_delete13.gif">
</a>
</span>
</dt>
<dd class="comment-body collapseable">
potreboval sem javascript skripto, ki omogoča da večje število podatkov
spravimo v navidezne strani (page list) (paging - paginator) med
katerimi se lahko nato premikamo brez, da bi osvežili spletno stran ali
uporabili ajax. <b>...</b> 
</dd>
<dd class="comment-footer collapseable">
<span class="comment-author">Published By
Roky</span>
<span class="comment-timestamp">Posted on
May 1, 2008 2:16 PM</span>
</dd>
</div>

</dl>

<p class="comment-footer">
<a id="Blog1_backlinks-create-link" href="http://www.blogger.com/blog-this.g" target="_blank" class="comment-link">Create a Link</a>
</p></div>
</div>
</div>
<!-- google_ad_section_end -->
</div>
<div class="blog-pager" id="blog-pager">
<span id="blog-pager-newer-link">
<a class="blog-pager-newer-link" href="http://flesler.blogspot.com/2008/02/jquerylisten-10-released.html" id="Blog1_blog-pager-newer-link" title="Newer Post">Newer Post</a>
</span>
<span id="blog-pager-older-link">
<a class="blog-pager-older-link" href="http://flesler.blogspot.com/2008/02/jquerylocalscroll-12-released.html" id="Blog1_blog-pager-older-link" title="Older Post">Older Post</a>
</span>
<a class="home-link" href="http://flesler.blogspot.com/">Home</a>
</div>
<div class="clear"></div>
<div class="post-feeds">
<div class="feed-links">
Subscribe to:
<a class="feed-link" href="http://flesler.blogspot.com/feeds/372641518526969384/comments/default" target="_blank" type="application/atom+xml">Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id="sidebar-wrapper">
<div class="sidebar section" id="sidebar"><div class="widget HTML" id="HTML3">
<h2 class="title">By Category</h2>
<div class="widget-content">
<ul id="categories-list">
<li><h3 onclick="amf_togglePanel(this)">General</h3>
<ul>
<li><a href="http://flesler.blogspot.com/2008/04/benchmarking-javascript-variables-and.html">Benchmarking JS variables</a></li>
<li><a href="http://flesler.blogspot.com/2008/02/feedback.html">Feedback</a></li>
<li><a href="http://flesler.blogspot.com/2008/06/jquery-is-on-fire.html">jQuery is on fire!</a></li>
<li><a href="http://flesler.blogspot.com/2008/07/moving-demos-to-demosfleslercom.html">Moving demos to demos.flesler.com</a></li>
<li><a href="http://flesler.blogspot.com/2009/06/moving-my-plugins-to-google-code.html">Moving my plugins to Google Code</a></li>
</ul>
</li>
<li><h3 onclick="amf_togglePanel(this)">jQuery Plugins</h3>
<ul>
<li>
<a href="http://flesler.blogspot.com/2007/12/jqueryaccessible.html">Accessible</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2009/05/2-ajax-plugins-for-jquery-13.html">AjaxFilter</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2007/10/jquerybubble.html">Bubble</a>
</li>
<li><a href="http://flesler.blogspot.com/2008/01/jquerycollection.html">Collection</a></li>
<li><a href="http://flesler.blogspot.com/2008/04/jqueryfasttrigger.html">FastTrigger</a></li>
<li>
<a href="http://flesler.blogspot.com/2007/10/jquerylisten.html">Listen</a>(
<a href="http://flesler.blogspot.com/search/label/jQuery.Listen">all</a>
)
</li>
<li>
<a href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html">LocalScroll</a>(
<a href="http://flesler.blogspot.com/search/label/jQuery.LocalScroll">all</a>
)
</li>
<li>
<a href="http://flesler.blogspot.com/2008/04/jquerymodularize.html">Modularize</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2008/01/jquerypreload.html">Preload</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2007/11/jqueryrule.html">Rule</a>(
<a href="http://flesler.blogspot.com/search/label/jQuery.Rule">all</a>
)
</li>
<li>
<a href="http://flesler.blogspot.com/2007/10/jqueryscrollshow.html">ScrollShow</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">ScrollTo</a>(
<a href="http://flesler.blogspot.com/search/label/jQuery.ScrollTo">all</a>
)
</li>
<li>
<a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html">SerialScroll</a>(
<a href="http://flesler.blogspot.com/search/label/jQuery.SerialScroll">all</a>
)
</li>
<li><a href="http://flesler.blogspot.com/2008/03/string-tokenizer-for-javascript.html">Tokenizer</a>
</li>
<li>
<a href="http://flesler.blogspot.com/2009/05/2-ajax-plugins-for-jquery-13.html">XHR</a>
</li>
</ul>
</li>
	<li><h3 onclick="amf_togglePanel(this)">Scripts</h3>
		<ul>
<li><a href="http://flesler.blogspot.com/2008/11/fast-trim-function-for-javascript.html">Fast Trim Function for Javascript</a></li>
<li><a href="http://flesler.blogspot.com/2008/11/haskell-functions-for-javascript.html">Haskell Functions for Javascript</a></li>
<li><a href="http://flesler.blogspot.com/2008/06/jsclass.html">jsClass</a></li>
			<li><a href="http://flesler.blogspot.com/2007/12/javascript-console-for-maxthon-jscm-200.html">JS Console For Maxthon</a></li>
			<li><a href="http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html">jsDump</a></li>
			<li><a href="http://flesler.blogspot.com/2008/02/rotator.html">Rotator</a></li>
			<li><a href="http://flesler.blogspot.com/2007/11/static-methods-for-array.html">Static methods for Array</a></li>
			<li><a href="http://flesler.blogspot.com/2008/03/string-tokenizer-for-javascript.html">String Tokenizer for JS</a></li>
			<li><a href="http://flesler.blogspot.com/2008/05/textnode-translator-for-javascript.html">Translator</a></li>
  <li><a href="http://flesler.blogspot.com/2008/03/xmlwriter-for-javascript.html">XMLWriter</a></li>

		</ul>
	</li>
</ul>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML3&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target="configHTML3" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML9">
<h2 class="title">Donate to my blog</h2>
<div class="widget-content">
<form action="https://www.paypal.com/cgi-bin/webscr" style="margin: 25px 0pt; text-align: center;" method="post">
<input value="_s-xclick" name="cmd" type="hidden">
<input alt="PayPal - The safer, easier way to pay online!" src="jqueryserialscroll_files/btn_donate_LG.gif" name="submit" border="0" type="image">
<input value="-----BEGIN PKCS7-----MIIHTwYJKoZIhvcNAQcEoIIHQDCCBzwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAsbvmCDo46njYhngIo+g+rrVR+byGEJXQPAxf4uofsXEgiT5Po5O3piqsp2fS2a6gHoNlS5vbk6d2BswRrKcary6CTn6Ra59G0rN003AhrOSyi0vF5WrPqS78RD0ezQE9cKwnBtZu/TxQBvNyPBWjCyLIPngmohBZevH9Y4wQJdjELMAkGBSsOAwIaBQAwgcwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIjORQjV2w4WCAgagtH2aDqBDUhszmIeFWLpnIBkoCDdIuo3+lUbemRxzM/87ZjMPCZiCS0547UZIriJK/B+k+Mh3c2jzxzKP9Jq/lWMThb3PVcmuavX0mIE5O0yvIvQKJQOet7LLlrAObNJwxjf9NKZnj2a30AX8o/LLm42lWzWcATS5oiFFeU2o6LKlHvz8jrBmhU2Tk9ook6GQJAX28etUrCKUrEYplUm06CtC3TmrlGt2gggOHMIIDgzCCAuygAwIBAgIBADANBgkqhkiG9w0BAQUFADCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wHhcNMDQwMjEzMTAxMzE1WhcNMzUwMjEzMTAxMzE1WjCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wgZ8wDQYJKoZIhvcNAQEBBQADgY0AMIGJAoGBAMFHTt38RMxLXJyO2SmS+Ndl72T7oKJ4u4uw+6awntALWh03PewmIJuzbALScsTS4sZoS1fKciBGoh11gIfHzylvkdNe/hJl66/RGqrj5rFb08sAABNTzDTiqqNpJeBsYs/c2aiGozptX2RlnBktH+SUNpAajW724Nv2Wvhif6sFAgMBAAGjge4wgeswHQYDVR0OBBYEFJaffLvGbxe9WT9S1wob7BDWZJRrMIG7BgNVHSMEgbMwgbCAFJaffLvGbxe9WT9S1wob7BDWZJRroYGUpIGRMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbYIBADAMBgNVHRMEBTADAQH/MA0GCSqGSIb3DQEBBQUAA4GBAIFfOlaagFrl71+jq6OKidbWFSE+Q4FqROvdgIONth+8kSK//Y/4ihuE4Ymvzn5ceE3S/iBSQQMjyvb+s2TWbQYDwcp129OPIbD9epdr4tJOUNiSojw7BHwYRiPh58S1xGlFgHFXwrEBb3dgNbMUa+u4qectsMAXpVHnD9wIyfmHMYIBmjCCAZYCAQEwgZQwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tAgEAMAkGBSsOAwIaBQCgXTAYBgkqhkiG9w0BCQMxCwYJKoZIhvcNAQcBMBwGCSqGSIb3DQEJBTEPFw0wODA0MDMxMjQzNDJaMCMGCSqGSIb3DQEJBDEWBBR9FgzZkKGA/c74iLgv6Glt/Q/txjANBgkqhkiG9w0BAQEFAASBgILoCG0i+EIYRmSyUW35L9/MVjTQi1g2Ucw3rW8UhSEoQmZPrWdRJpbSqPxeLHrtDsbhTqmX65iLksyZCMqQObYpbwGcBuLfkKxWCg2NCRownGYudjl7TSf6I+EQ0Sv6e7E+HJUQuRDL5wcdFm05wPOZGlbhOMET1Bs6SKMRdyHJ-----END PKCS7-----
" name="encrypted" type="hidden">
</form>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML9&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML9"));' target="configHTML9" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML6">
<h2 class="title">Recent</h2>
<div class="widget-content">
<ul>
<li><a href="http://flesler.blogspot.com/2009/06/jqueryserialscroll-122-released.html">  jQuery.SerialScroll 1.2.2 released</a></li>
<li><a href="http://flesler.blogspot.com/2009/06/moving-my-plugins-to-google-code.html">Moving my plugins to Google Code</a></li>
<li><a href="http://flesler.blogspot.com/2009/05/2-ajax-plugins-for-jquery-13.html">2 Ajax plugins for jQuery +1.3</a></li>
<li><a href="http://flesler.blogspot.com/2009/05/jqueryscrollto-142-released.html">jQuery.ScrollTo 1.4.2 released</a></li>
<li><a href="http://flesler.blogspot.com/2009/03/jquerylocalscroll-127-released.html">jQuery.LocalScroll 1.2.7 released</a></li>
<li><a href="http://flesler.blogspot.com/2009/03/jqueryscrollto-141-released.html">jQuery.ScrollTo 1.4.1 released</a></li>
<li><a href="http://flesler.blogspot.com/2008/11/haskell-functions-for-javascript.html">Haskell Functions for Javascript</a></li>
<li><a href="http://flesler.blogspot.com/2008/11/fast-trim-function-for-javascript.html">Fast Trim Function for Javascript</a></li>
</ul>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML6&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML6"));' target="configHTML6" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML8">
<h2 class="title">Contact</h2>
<div class="widget-content">
<p class="sidelink"><img src="jqueryserialscroll_files/favicon_003.ico">Email me to <a href="mailto:aflesler%20[at]%20gmail.com">aflesler [at] gmail.com</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_005.ico">Follow me on <a href="http://twitter.com/flesler">Twitter</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_002.ico">Add me on <a href="http://www.facebook.com/profile.php?id=1133276770">Facebook</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_006.ico">Recommend me on <a href="http://www.linkedin.com/in/arielflesler">LinkedIn</a></p>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML8&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML8"));' target="configHTML8" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML5">
<h2 class="title">Links</h2>
<div class="widget-content">
<p class="sidelink"><img src="jqueryserialscroll_files/feed-icon16x16.png"><a href="http://feeds.feedburner.com/Flesler" rel="alternate" type="application/rss+xml">Subscribe to RSS</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/email.jpg"><a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1623469&amp;loc=en_US">Get Email updates</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon.ico"><a href="http://code.google.com/p/flesler-plugins/">Code Hosting</a></p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_004.txt" height="16" width="16"><a href="http://plugins.jquery.com/project/user/420">My jQuery Plugins</a></p>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML5&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML5"));' target="configHTML5" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML4">
<h2 class="title">Some sites using these scripts</h2>
<div class="widget-content">
<p class="sidelink"><img src="jqueryserialscroll_files/favicon_002.txt"><a href="http://www.engageinteractive.co.uk/">Engage Interactive</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon.txt"><a href="http://www.arcinspirations.com/kobe/">Kobe</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_003.txt"><a href="http://www.cyberwoven.com/">CyberWoven</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon.png"><a href="http://www.streetread.com/">StreetRead</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_007.ico"><a href="http://www.duvien.com/portfolio">Duvien</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/icon-web.gif"><a href="http://thousandminds.com/">Thousand Minds</a>
</p>

<p class="sidelink"><img src="jqueryserialscroll_files/favicon_004.ico"><a href="http://solutionarts.net/">Solution Arts</a>
</p>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=HTML&amp;widgetId=HTML4&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML4"));' target="configHTML4" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget Followers" id="Followers1">
<h2 class="title">Followers</h2>
<div class="widget-content">
<div id="Followers1-wrapper">
<div style="margin-right: 2px;">
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script><script type="text/javascript" src="jqueryserialscroll_files/friendconnect.js"></script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

        

        
        var registeredGadgets = [];
        gadgets.rpc.register('registerGadgetForRpcs', function(gadgetDomain, iframeName) {
          // Trim the gadget domain from a random url (w/ query params)
          // down to just a top level domain.
          var startIndex = 0;
          var protocolMarker = "://";

          // Find the start of the host name
          if (gadgetDomain.indexOf(protocolMarker) != -1) {
            startIndex = gadgetDomain.indexOf(protocolMarker) + protocolMarker.length;
          }
          // Now find the start of the path
          var pathIndex = gadgetDomain.indexOf("/", startIndex);

          // Now extract just the hostname
          if (pathIndex != -1) {
            gadgetDomain = gadgetDomain.substring(0, pathIndex);
          }

          gadgets.rpc.setRelayUrl(iframeName, gadgetDomain + "/ps/rpc_relay.html");

          // Just return some random stuff so the gadget can tell when
          // we're done.
          return "callback";
        });

        
        gadgets.rpc.register('getBlogUrls', function() {
          var holder = {};
          
            
              
              
                holder.currentPost = "http://www.blogger.com/feeds/8640596986273216089/posts/default/372641518526969384";
              
              
              
                holder.currentComments = "http://www.blogger.com/feeds/8640596986273216089/372641518526969384/comments/default";
              
            
            
            
              holder.postFeed = "http://www.blogger.com/feeds/8640596986273216089/posts/default";
            
            
            
              holder.commentFeed = "http://www.blogger.com/feeds/8640596986273216089/comments/default";
            
          
          return holder;
        });

        
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

        
        gadgets.rpc.register('requestSignOut', function(siteId) {
          
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<div class="gadgets-gadget-container" id="div-dx1heux2nzsw" style="width: 100%; visibility: visible; height: 244px;"><div style="height: 244px;" id="gfc_iframe_1230057401_0_body"><iframe id="gfc_iframe_1230057401_0" name="gfc_iframe_1230057401_0" style="width: 100%; height: 244px;" allowtransparency="true" scrolling="no" frameborder="0" height="260"></iframe></div></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#999999";
    skin['ENDCAP_LINK_COLOR'] = "#6699cc";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#6699cc";
    skin['CONTENT_TEXT_COLOR'] = "#999999";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#6699cc";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#993333";
    skin['FONT_FACE'] = "normal normal 100% Verdana, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-dx1heux2nzsw",
     height: 260,
     
     
     
     site: "05218490902796287392",
      
     locale: 'en_US' },
     skin);
  </script>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=8640596986273216089&amp;widgetType=Followers&amp;widgetId=Followers1&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("Followers1"));' target="configFollowers1" title="Edit">
<img alt="" src="jqueryserialscroll_files/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class="clear">&nbsp;</div>
</div>
<!-- end content-wrapper -->
<div id="footer-wrapper">
<div class="footer section" id="footer"></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<!-- MY INCLUDES -->
<script src="jqueryserialscroll_files/ga_002.js" type="text/javascript"></script>
<script src="jqueryserialscroll_files/ga.js" type="text/javascript"></script>
<script src="jqueryserialscroll_files/comments.js" type="text/javascript"></script>
<!-- -->
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="jqueryserialscroll_files/4222249892-widgets.js"></script>
<script type="text/javascript">
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=8640596986273216089', 'http://flesler.blogspot.com/2008/02/jqueryserialscroll.html','8640596986273216089');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=8640596986273216089', 'j1Iis6THxKkIr-TQhx80LMHpRfs:1256842664206');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Ariel Flesler', 'pageType': 'item', 'url': 'http://flesler.blogspot.com/2008/02/jqueryserialscroll.html', 'homepageUrl': 'http://flesler.blogspot.com/', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': 'jQuery.SerialScroll', 'pageTitle': 'Ariel Flesler: jQuery.SerialScroll', 'encoding': 'UTF-8', 'locale': 'en-US', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Ariel Flesler - Atom\42 href\75\42http://flesler.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Ariel Flesler - RSS\42 href\75\42http://flesler.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Ariel Flesler - Atom\42 href\75\42http://www.blogger.com/feeds/8640596986273216089/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\758640596986273216089\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Ariel Flesler - Atom\42 href\75\42http://flesler.blogspot.com/feeds/372641518526969384/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function e(b){this.t\75{};this.tick\75function(c,h,d){d\75d?d:(new Date).getTime();this.t[c]\75[d,h]};this.tick(\42start\42,null,b)}var f\75new e;a.jstiming\75{Timer:e,load:f};try{a.jstiming.pt\75a.gtbExternal\46\46a.gtbExternal.pageT()||a.external\46\46a.external.pageT}catch(g){};a.tickAboveFold\75function(b){b\75b;var c\0750;if(b.offsetParent){do c+\75b.offsetTop;while(b\75b.offsetParent)}b\75c;b\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var i\75false;function j(){if(!i){i\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,j,false):a.attachEvent(\42onscroll\42,j); })();\74/script\076'}}]);
_WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div class\75\47widget-content\47\76\n\74div class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'}, 'quickedit': {'varName': '', 'template': '\74div class\75\47clear\47\76\74/div\76\n\74span class\75\47widget-item-control\47\76\n\74span class\75\47item-control blog-admin\47\76\n\74a class\75\47quickedit\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47 expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47 src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47 width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page', 'template': '\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47 http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47 name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47 name\75\47generator\47/\76\n\74link href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47 type\75\47image/vnd.microsoft.icon\47/\76\n\74link expr:href\75\47data:blog.url\47 rel\75\47canonical\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\076'}});
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74b:if cond\75\47data:codeSnippet !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74b:else\76\74/b:else\76\n\74b:if cond\75\47data:totalFollowerCount !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76 (\74data:totalFollowerCount\76\74/data:totalFollowerCount\76)\74/h2\76\n\74/b:if\76\n\74/b:if\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74div expr:id\75\47data:widget.instanceId + \46quot;-wrapper\46quot;\47\76\n\74b:if cond\75\47data:codeSnippet !\75 \46quot;\46quot;\47\76\n\74div style\75\47margin-right:2px;\47\76\n\74data:codeSnippet\76\74/data:codeSnippet\76\n\74/div\76\n\74b:else\76\74/b:else\76\n\74b:if cond\75\47data:totalFollowerCount \75\75 \46quot;\46quot;\47\76\n\74span class\75\47item-control following-not-admin\47\76\n\74b\76\74data:failureSnippet\76\74/data:failureSnippet\76\74/b\76\n\74/span\76\n\74span class\75\47item-control blog-admin\47\76\n\74b\76\74data:adminFailureSnippet\76\74/data:adminFailureSnippet\76\74/b\76\n\74/span\76\n\74b:else\76\74/b:else\76\n\74b:if cond\75\47data:followingLinkPresent\47\76\n\74div class\75\47follow-this profile-link item-control following-follow-this\47\76\n\74a expr:href\75\47\46quot;javascript:_FollowersView._openPopup(\\\46quot;\46quot; + data:followUri + \46quot;\\\46quot;);\46quot;\47\76\n\74data:followThisMessage\76\74/data:followThisMessage\76\n\74/a\76\n\74/div\76\n\74div class\75\47follow-this profile-link item-control following-stop-following-this\47\76\n\74a expr:href\75\47\46quot;javascript:_FollowersView._openPopup(\\\46quot;\46quot; + data:followUri + \46quot;\\\46quot;);\46quot;\47\76\n\74data:stopFollowingMessage\76\74/data:stopFollowingMessage\76\n\74/a\76\n\74/div\76\n\74/b:if\76\n\74div class\75\47followers-grid\47\76\n\74b:if cond\75\47data:totalFollowerCount \75\75 0\47\76\n\74div class\75\47profile-link item-control following-follow-this\47\76\n\74data:emptyFollowersMessage\76\74/data:emptyFollowersMessage\76\n\74/div\76\n\74/b:if\76\n\74b:loop values\75\47data:followers\47 var\75\47follower\47\76\n\74div class\75\47follower\47\76\n\74a expr:href\75\47data:follower.profileUrl\47 expr:title\75\47data:follower.displayName\47 rel\75\47nofollow\47\76\n\74img class\75\47follower-img\47 expr:alt\75\47data:follower.displayName\47 expr:height\75\47data:follower.imageHeight\47 expr:onerror\75\47\46quot;this.onerror\75null;this.src\75\\\46quot;\46quot; + data:anonFollowerImageUrl + \46quot;\\\46quot;;\46quot;\47 expr:onload\75\47\46quot;setAttributeOnload(this, \\\46quot;src\\\46quot;, \\\46quot;\46quot; + data:follower.imageUrl + \46quot;\\\46quot;)\46quot;\47 expr:width\75\47data:follower.imageWidth\47 src\75\47http://img1.blogblog.com/img/blank.gif\47/\76\n\74/a\76\n\74/div\76\n\74/b:loop\76\n\74div class\75\47clear\47\76\74/div\76\n\74/div\76\n\74div class\75\47followers-canvas profile-link\47\76\n\74data:followersFooterMessage\76\74/data:followersFooterMessage\76\n\74span class\75\47item-control following-not-admin\47\76\n\74a expr:href\75\47data:followersUri\47\76\n\74data:viewAllMessage\76\74/data:viewAllMessage\76\n\74/a\76\n\74/span\76\n\74span class\75\47item-control blog-admin\47\76\n\74a expr:href\75\47data:manageFollowersUri\47\76\n\74data:manageFollowersMessage\76\74/data:manageFollowersMessage\76\n\74/a\76\n\74/span\76\n\74/div\76\n\74/b:if\76\n\74/b:if\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}}, document.getElementById('Followers1'), {'title': 'Followers', 'codeSnippet': '\74script type\75\42text/javascript\42\76\n        if (!window.google || !google.friendconnect) {\n          document.write(\47\74script type\75\42text/javascript\42\47 +\n              \47src\75\42http://www.google.com/friendconnect/script/friendconnect.js\42\76\47 +\n              \47\74/scr\47 + \47ipt\76\47);\n        }\n      \74/script\76\n\74script type\75\42text/javascript\42\76\n      if (!window.registeredBloggerCallbacks) {\n        window.registeredBloggerCallbacks \75 true;\n\n        \n\n        \n        var registeredGadgets \75 [];\n        gadgets.rpc.register(\47registerGadgetForRpcs\47, function(gadgetDomain, iframeName) {\n          // Trim the gadget domain from a random url (w/ query params)\n          // down to just a top level domain.\n          var startIndex \75 0;\n          var protocolMarker \75 \42://\42;\n\n          // Find the start of the host name\n          if (gadgetDomain.indexOf(protocolMarker) !\75 -1) {\n            startIndex \75 gadgetDomain.indexOf(protocolMarker) + protocolMarker.length;\n          }\n          // Now find the start of the path\n          var pathIndex \75 gadgetDomain.indexOf(\42/\42, startIndex);\n\n          // Now extract just the hostname\n          if (pathIndex !\75 -1) {\n            gadgetDomain \75 gadgetDomain.substring(0, pathIndex);\n          }\n\n          gadgets.rpc.setRelayUrl(iframeName, gadgetDomain + \42/ps/rpc_relay.html\42);\n\n          // Just return some random stuff so the gadget can tell when\n          // we\47re done.\n          return \42callback\42;\n        });\n\n        \n        gadgets.rpc.register(\47getBlogUrls\47, function() {\n          var holder \75 {};\n          \n            \n              \n              \n                holder.currentPost \75 \42http://www.blogger.com/feeds/8640596986273216089/posts/default/372641518526969384\42;\n              \n              \n              \n                holder.currentComments \75 \42http://www.blogger.com/feeds/8640596986273216089/372641518526969384/comments/default\42;\n              \n            \n            \n            \n              holder.postFeed \75 \42http://www.blogger.com/feeds/8640596986273216089/posts/default\42;\n            \n            \n            \n              holder.commentFeed \75 \42http://www.blogger.com/feeds/8640596986273216089/comments/default\42;\n            \n          \n          return holder;\n        });\n\n        \n        gadgets.rpc.register(\47requestReload\47, function() {\n          document.location.reload();\n        });\n\n        \n        gadgets.rpc.register(\47requestSignOut\47, function(siteId) {\n          \n          google.friendconnect.container.openSocialSiteId \75 siteId;\n          google.friendconnect.requestSignOut();\n        });\n      }\n    \74/script\76\n\74div id\75\42div-1jcms6dh2knod\42 style\75\42width: 100%; \42\76\74/div\76\n\74script type\75\42text/javascript\42\76\n    var skin \75 {};\n    skin[\47FACE_SIZE\47] \75 \04732\47;\n    skin[\47HEIGHT\47] \75 \042260\42;\n    skin[\47TITLE\47] \75 \42Followers\42;\n    skin[\47BORDER_COLOR\47] \75 \42transparent\42;\n    skin[\47ENDCAP_BG_COLOR\47] \75 \42transparent\42;\n    skin[\47ENDCAP_TEXT_COLOR\47] \75 \42#999999\42;\n    skin[\47ENDCAP_LINK_COLOR\47] \75 \42#6699cc\42;\n    skin[\47ALTERNATE_BG_COLOR\47] \75 \42transparent\42;\n    \n    skin[\47CONTENT_BG_COLOR\47] \75 \42transparent\42;\n    skin[\47CONTENT_LINK_COLOR\47] \75 \42#6699cc\42;\n    skin[\47CONTENT_TEXT_COLOR\47] \75 \42#999999\42;\n    skin[\47CONTENT_SECONDARY_LINK_COLOR\47] \75 \42#6699cc\42;\n    skin[\47CONTENT_SECONDARY_TEXT_COLOR\47] \75 \42#000000\42;\n    skin[\47CONTENT_HEADLINE_COLOR\47] \75 \42#993333\42;\n    skin[\47FONT_FACE\47] \75 \42normal normal 100% Verdana, sans-serif\42;\n    google.friendconnect.container.setParentUrl(\42/\42);\n    google.friendconnect.container[\42renderMembersGadget\42](\n    {id: \42div-1jcms6dh2knod\42,\n     height: 260,\n     \n     \n     \n     site: \04205218490902796287392\42,\n      \n     locale: \47en_US\47 },\n     skin);\n  \74/script\076'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main',{'main': {'varName': 'top', 'template': '\74div class\75\47blog-posts hfeed\47\76\n\74b:include data\75\47top\47 name\75\47status-message\47\76\74/b:include\76\n\74data:adStart\76\74/data:adStart\76\n\74b:loop values\75\47data:posts\47 var\75\47post\47\76\n\74b:if cond\75\47data:post.dateHeader\47\76\n\74h2 class\75\47date-header\47\76\74data:post.dateHeader\76\74/data:post.dateHeader\76\74/h2\76\n\74/b:if\76\n\74b:include data\75\47post\47 name\75\47post\47\76\74/b:include\76\n\74b:if cond\75\47data:blog.pageType \75\75 \46quot;item\46quot;\47\76\n\74b:include data\75\47post\47 name\75\47comments\47\76\74/b:include\76\n\74/b:if\76\n\74b:if cond\75\47data:post.includeAd\47\76\n\74data:adEnd\76\74/data:adEnd\76\n\74data:adCode\76\74/data:adCode\76\n\74data:adStart\76\74/data:adStart\76\n\74/b:if\76\n\74/b:loop\76\n\74data:adEnd\76\74/data:adEnd\76\n\74/div\76\n\74b:include name\75\47nextprev\47\76\74/b:include\76\n\74b:include name\75\47feedLinks\47\76\74/b:include\76\n\74b:if cond\75\47data:top.showStars\47\76\n\74script src\75\47http://www.google.com/jsapi\47 type\75\47text/javascript\47\76\74/script\76\n\74script type\75\47text/javascript\47\76\n      google.load(\46quot;annotations\46quot;, \46quot;1\46quot;, {\46quot;locale\46quot;: \n\n\46quot;\74data:top.languageCode\76\74/data:top.languageCode\76\46quot;});\n      function initialize() {\n        google.annotations.setApplicationId(\74data:top.blogspotReviews\76\74/data:top.blogspotReviews\76);\n        google.annotations.createAll();\n        google.annotations.fetch();\n      }\n      google.setOnLoadCallback(initialize);\n    \74/script\76\n\74/b:if\076'}, 'nextprev': {'varName': '', 'template': '\74div class\75\47blog-pager\47 id\75\47blog-pager\47\76\n\74b:if cond\75\47data:newerPageUrl\47\76\n\74span id\75\47blog-pager-newer-link\47\76\n\74a class\75\47blog-pager-newer-link\47 expr:href\75\47data:newerPageUrl\47 expr:id\75\47data:widget.instanceId + \46quot;_blog-pager-newer-link\46quot;\47 expr:title\75\47data:newerPageTitle\47\76\74data:newerPageTitle\76\74/data:newerPageTitle\76\74/a\76\n\74/span\76\n\74/b:if\76\n\74b:if cond\75\47data:olderPageUrl\47\76\n\74span id\75\47blog-pager-older-link\47\76\n\74a class\75\47blog-pager-older-link\47 expr:href\75\47data:olderPageUrl\47 expr:id\75\47data:widget.instanceId + \46quot;_blog-pager-older-link\46quot;\47 expr:title\75\47data:olderPageTitle\47\76\74data:olderPageTitle\76\74/data:olderPageTitle\76\74/a\76\n\74/span\76\n\74/b:if\76\n\74b:if cond\75\47data:blog.homepageUrl !\75 data:blog.url\47\76\n\74a class\75\47home-link\47 expr:href\75\47data:blog.homepageUrl\47\76\74data:homeMsg\76\74/data:homeMsg\76\74/a\76\n\74b:else\76\74/b:else\76\n\74b:if cond\75\47data:newerPageUrl\47\76\n\74a class\75\47home-link\47 expr:href\75\47data:blog.homepageUrl\47\76\74data:homeMsg\76\74/data:homeMsg\76\74/a\76\n\74/b:if\76\n\74/b:if\76\n\74/div\76\n\74div class\75\47clear\47\76\74/div\076'}, 'post': {'varName': 'post', 'template': '\74div class\75\47post hentry\47\76\n\74a expr:name\75\47data:post.id\47\76\74/a\76\n\74b:if cond\75\47data:post.title\47\76\n\74h3 class\75\47post-title entry-title\47\76\n\74b:if cond\75\47data:post.link\47\76\n\74a expr:href\75\47data:post.link\47\76\74data:post.title\76\74/data:post.title\76\74/a\76\n\74b:else\76\74/b:else\76\n\74b:if cond\75\47data:post.url\47\76\n\74a expr:href\75\47data:post.url\47\76\74data:post.title\76\74/data:post.title\76\74/a\76\n\74b:else\76\74/b:else\76\n\74data:post.title\76\74/data:post.title\76\n\74/b:if\76\n\74/b:if\76\n\74/h3\76\n\74/b:if\76\n\74div class\75\47post-header-line-1\47\76\74/div\76\n\74div class\75\47post-body entry-content\47\76\n\74p\76\74data:post.body\76\74/data:post.body\76\74/p\76\n\74div style\75\47clear: both;\47\76\74/div\76\n\74/div\76\n\74div class\75\47post-footer\47\76\n\74p class\75\47post-footer-line post-footer-line-1\47\76\74span class\75\47post-author vcard\47\76\n\74b:if cond\75\47data:top.showAuthor\47\76\n\74data:top.authorLabel\76\74/data:top.authorLabel\76\n\74span class\75\47fn\47\76\74data:post.author\76\74/data:post.author\76\74/span\76\n\74/b:if\76\n\74/span\76\n\74span class\75\47post-timestamp\47\76\n\74b:if cond\75\47data:top.showTimestamp\47\76\n\74data:top.timestampLabel\76\74/data:top.timestampLabel\76\n\74b:if cond\75\47data:post.url\47\76\n\74a class\75\47timestamp-link\47 expr:href\75\47data:post.url\47 rel\75\47bookmark\47 title\75\47permanent   link\47\76\74abbr class\75\47published\47 expr:title\75\47data:post.timestampISO8601\47\76\74data:post.timestamp\76\74/data:post.timestamp\76\74/abbr\76\74/a\76\n\74/b:if\76\n\74/b:if\76\n\74/span\76\n\74span class\75\47post-comment-link\47\76\n\74b:if cond\75\47data:blog.pageType !\75 \46quot;item\46quot;\47\76\n\74b:if cond\75\47data:post.allowComments\47\76\n\74a class\75\47comment-link\47 expr:href\75\47data:post.addCommentUrl\47 expr:onclick\75\47data:post.addCommentOnclick\47\76\74b:if cond\75\47data:post.numComments \75\75   1\47\0761 \74data:top.commentLabel\76\74/data:top.commentLabel\76\74b:else\76\74/b:else\76\74data:post.numComments\76\74/data:post.numComments\76\n\74data:top.commentLabelPlural\76\74/data:top.commentLabelPlural\76\74/b:if\76\74/a\76\n\74/b:if\76\n\74/b:if\76\n\74/span\76\n\74span class\75\47post-icons\47\76\n\74b:if cond\75\47data:post.emailPostUrl\47\76\n\74span class\75\47item-action\47\76\n\74a expr:href\75\47data:post.emailPostUrl\47 expr:title\75\47data:top.emailPostMsg\47\76\n\74img alt\75\47\47 class\75\47icon-action\47 src\75\47http://www.blogger.com/img/icon18_email.gif\47/\76\n\74/a\76\n\74/span\76\n\74/b:if\76\n\74b:include data\75\47post\47 name\75\47postQuickEdit\47\76\74/b:include\76\n\74/span\76\n\74/p\76\n\74p class\75\47post-footer-line post-footer-line-2\47\76\74span class\75\47post-labels\47\76\n\74b:if cond\75\47data:post.labels\47\76\n\74data:postLabelsLabel\76\74/data:postLabelsLabel\76\n\74b:loop values\75\47data:post.labels\47 var\75\47label\47\76\n\74a expr:href\75\47data:label.url\47 rel\75\47tag\47\76\74data:label.name\76\74/data:label.name\76\74/a\76\74b:if cond\75\47data:label.isLast !\75 \46quot;true\46quot;\47\76,\74/b:if\76\n\74/b:loop\76\n\74/b:if\76\n\74/span\76\n\74/p\76\n\74b:if cond\75\47data:blog.url !\75 data:blog.homepageUrl\47\76\n\74script charset\75\47utf-8\47 expr:src\75\47\46quot;http://feeds.feedburner.com/~s/Flesler?i\75\46quot;   + data:post.url\47 type\75\47text/javascript\47\76\74/script\76\n\74/b:if\76\n\74p class\75\47post-footer-line post-footer-line-3\47\76\74/p\76\n\74/div\76\n\74/div\076'}, 'postQuickEdit': {'varName': 'post', 'template': '\74b:if cond\75\47data:post.editUrl\47\76\n\74span expr:class\75\47\46quot;item-control \46quot; + data:post.adminClass\47\76\n\74a expr:href\75\47data:post.editUrl\47 expr:title\75\47data:top.editPostMsg\47\76\n\74img alt\75\47\47 class\75\47icon-action\47 height\75\04718\47 src\75\47http://www.blogger.com/img/icon18_edit_allbkg.gif\47 width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/b:if\076'}, 'commentDeleteIcon': {'varName': 'comment', 'template': '\74span expr:class\75\47\46quot;item-control \46quot; + data:comment.adminClass\47\76\n\74a expr:href\75\47data:comment.deleteUrl\47 expr:title\75\47data:top.deleteCommentMsg\47\76\n\74img src\75\47http://www.blogger.com/img/icon_delete13.gif\47/\76\n\74/a\76\n\74/span\076'}, 'backlinkDeleteIcon': {'varName': 'backlink', 'template': '\74span expr:class\75\47\46quot;item-control \46quot; + data:backlink.adminClass\47\76\n\74a expr:href\75\47data:backlink.deleteUrl\47 expr:title\75\47data:top.deleteBacklinkMsg\47\76\n\74img src\75\47http://www.blogger.com/img/icon_delete13.gif\47/\76\n\74/a\76\n\74/span\076'}, 'comments': {'varName': 'post', 'template': '\74div class\75\47comments\47 id\75\47comments\47\76\n\74a name\75\47comments\47\76\74/a\76\n\74b:if cond\75\47data:post.allowComments\47\76\n\74h4\76\n\74b:if cond\75\47data:post.numComments \75\75 1\47\76\n          1 \74data:commentLabel\76\74/data:commentLabel\76:\n        \74b:else\76\74/b:else\76\n\74data:post.numComments\76\74/data:post.numComments\76\n\74data:commentLabelPlural\76\74/data:commentLabelPlural\76:\n        \74/b:if\76\n\74/h4\76\n\74b:if cond\75\47data:post.commentPagingRequired\47\76\n\74span class\75\47paging-control-container\47\76\n\74a expr:class\75\47data:post.oldLinkClass\47 expr:href\75\47data:post.oldestLinkUrl\47\76\74data:post.oldestLinkText\76\74/data:post.oldestLinkText\76\74/a\76\n          \46#160;\n          \74a expr:class\75\47data:post.oldLinkClass\47 expr:href\75\47data:post.olderLinkUrl\47\76\74data:post.olderLinkText\76\74/data:post.olderLinkText\76\74/a\76\n          \46#160;\n          \74data:post.commentRangeText\76\74/data:post.commentRangeText\76\n          \46#160;\n          \74a expr:class\75\47data:post.newLinkClass\47 expr:href\75\47data:post.newerLinkUrl\47\76\74data:post.newerLinkText\76\74/data:post.newerLinkText\76\74/a\76\n          \46#160;\n          \74a expr:class\75\47data:post.newLinkClass\47 expr:href\75\47data:post.newestLinkUrl\47\76\74data:post.newestLinkText\76\74/data:post.newestLinkText\76\74/a\76\n\74/span\76\n\74/b:if\76\n\74dl id\75\47comments-block\47\76\n\74b:loop values\75\47data:post.comments\47 var\75\47comment\47\76\n\74dt expr:class\75\47\46quot;comment-author \46quot; + data:comment.authorClass\47 expr:id\75\47data:comment.anchorName\47\76\n\74a expr:name\75\47data:comment.anchorName\47\76\74/a\76\n\74b:if cond\75\47data:comment.authorUrl\47\76\n\74a expr:href\75\47data:comment.authorUrl\47 rel\75\47nofollow\47\76\74data:comment.author\76\74/data:comment.author\76\74/a\76\n\74b:else\76\74/b:else\76\n\74data:comment.author\76\74/data:comment.author\76\n\74/b:if\76\n\74data:commentPostedByMsg\76\74/data:commentPostedByMsg\76\n\74/dt\76\n\74dd class\75\47comment-body\47\76\n\74b:if cond\75\47data:comment.isDeleted\47\76\n\74span class\75\47deleted-comment\47\76\74data:comment.body\76\74/data:comment.body\76\74/span\76\n\74b:else\76\74/b:else\76\n\74p\76\74data:comment.body\76\74/data:comment.body\76\74/p\76\n\74/b:if\76\n\74/dd\76\n\74dd class\75\47comment-footer\47\76\n\74span class\75\47comment-timestamp\47\76\n\74a expr:href\75\47data:comment.url\47 title\75\47comment permalink\47\76\n\74data:comment.timestamp\76\74/data:comment.timestamp\76\n\74/a\76\n\74b:include data\75\47comment\47 name\75\47commentDeleteIcon\47\76\74/b:include\76\n\74/span\76\n\74/dd\76\n\74/b:loop\76\n\74/dl\76\n\74b:if cond\75\47data:post.commentPagingRequired\47\76\n\74span class\75\47paging-control-container\47\76\n\74a expr:class\75\47data:post.oldLinkClass\47 expr:href\75\47data:post.oldestLinkUrl\47\76\n\74data:post.oldestLinkText\76\74/data:post.oldestLinkText\76\n\74/a\76\n\74a expr:class\75\47data:post.oldLinkClass\47 expr:href\75\47data:post.olderLinkUrl\47\76\n\74data:post.olderLinkText\76\74/data:post.olderLinkText\76\n\74/a\76\n          \46#160;\n          \74data:post.commentRangeText\76\74/data:post.commentRangeText\76\n          \46#160;\n          \74a expr:class\75\47data:post.newLinkClass\47 expr:href\75\47data:post.newerLinkUrl\47\76\n\74data:post.newerLinkText\76\74/data:post.newerLinkText\76\n\74/a\76\n\74a expr:class\75\47data:post.newLinkClass\47 expr:href\75\47data:post.newestLinkUrl\47\76\n\74data:post.newestLinkText\76\74/data:post.newestLinkText\76\n\74/a\76\n\74/span\76\n\74/b:if\76\n\74p class\75\47comment-footer\47\76\n\74a expr:href\75\47data:post.addCommentUrl\47\76\n\74data:postCommentMsg\76\74/data:postCommentMsg\76\n\74/a\76\n\74strong class\75\47marleft\47\76\n\74u\76To get help prepare a demo.\74/u\76\74/strong\76\n\74/p\76\n\74/b:if\76\n\74div id\75\47backlinks-container\47\76\n\74div expr:id\75\47data:widget.instanceId + \46quot;_backlinks-container\46quot;\47\76\n\74b:if cond\75\47data:post.showBacklinks\47\76\n\74b:include data\75\47post\47 name\75\47backlinks\47\76\74/b:include\76\n\74/b:if\76\n\74/div\76\n\74/div\76\n\74/div\076'}, 'comment-form': {'varName': 'post', 'template': '\74div class\75\47comment-form\47\76\n\74a name\75\47comment-form\47\76\74/a\76\n\74h4 id\75\47comment-post-message\47\76\74data:postCommentMsg\76\74/data:postCommentMsg\76\74/h4\76\n\74p\76\74data:blogCommentMessage\76\74/data:blogCommentMessage\76\74/p\76\n\74data:blogTeamBlogMessage\76\74/data:blogTeamBlogMessage\76\n\74a expr:href\75\47data:post.commentFormIframeSrc\47 id\75\47comment-editor-src\47\76\74/a\76\n\74iframe allowtransparency\75\47true\47 class\75\47blogger-iframe-colorize blogger-comment-from-post\47 frameborder\75\0470\47 height\75\047410\47 id\75\47comment-editor\47 name\75\47comment-editor\47 src\75\47\47 width\75\047100%\47\76\74/iframe\76\n\74data:post.friendConnectJs\76\74/data:post.friendConnectJs\76\n\74data:post.cmtfpIframe\76\74/data:post.cmtfpIframe\76\n\74script type\75\47text/javascript\47\76\n      BLOG_CMT_createIframe(\46#39;\74data:post.appRpcRelayPath\76\74/data:post.appRpcRelayPath\76\46#39;, \46#39;\74data:post.communityId\76\74/data:post.communityId\76\46#39;);\n    \74/script\76\n\74/div\076'}, 'backlinks': {'varName': 'post', 'template': '\74a name\75\47links\47\76\74/a\76\74h4\76\74data:post.backlinksLabel\76\74/data:post.backlinksLabel\76\74/h4\76\n\74b:if cond\75\47data:post.numBacklinks !\75 0\47\76\n\74dl class\75\47comments-block\47 id\75\47comments-block\47\76\n\74b:loop values\75\47data:post.backlinks\47 var\75\47backlink\47\76\n\74div class\75\47collapsed-backlink backlink-control\47\76\n\74dt class\75\47comment-title\47\76\n\74span class\75\47backlink-toggle-zippy\47\76\46#160;\74/span\76\n\74a expr:href\75\47data:backlink.url\47 rel\75\47nofollow\47\76\74data:backlink.title\76\74/data:backlink.title\76\74/a\76\n\74b:include data\75\47backlink\47 name\75\47backlinkDeleteIcon\47\76\74/b:include\76\n\74/dt\76\n\74dd class\75\47comment-body collapseable\47\76\n\74data:backlink.snippet\76\74/data:backlink.snippet\76\n\74/dd\76\n\74dd class\75\47comment-footer collapseable\47\76\n\74span class\75\47comment-author\47\76\74data:post.authorLabel\76\74/data:post.authorLabel\76\n\74data:backlink.author\76\74/data:backlink.author\76\74/span\76\n\74span class\75\47comment-timestamp\47\76\74data:post.timestampLabel\76\74/data:post.timestampLabel\76\n\74data:backlink.timestamp\76\74/data:backlink.timestamp\76\74/span\76\n\74/dd\76\n\74/div\76\n\74/b:loop\76\n\74/dl\76\n\74/b:if\76\n\74p class\75\47comment-footer\47\76\n\74a class\75\47comment-link\47 expr:href\75\47data:post.createLinkUrl\47 expr:id\75\47data:widget.instanceId + \46quot;_backlinks-create-link\46quot;\47 target\75\47_blank\47\76\74data:post.createLinkLabel\76\74/data:post.createLinkLabel\76\74/a\76\n\74/p\076'}, 'feedLinks': {'varName': '', 'template': '\74b:if cond\75\47data:blog.pageType !\75 \46quot;item\46quot;\47\76\n\74b:if cond\75\47data:feedLinks\47\76\n\74div class\75\47blog-feeds\47\76\n\74b:include data\75\47feedLinks\47 name\75\47feedLinksBody\47\76\74/b:include\76\n\74/div\76\n\74/b:if\76\n\74b:else\76\74/b:else\76\n\74div class\75\47post-feeds\47\76\n\74b:loop values\75\47data:posts\47 var\75\47post\47\76\n\74b:if cond\75\47data:post.allowComments\47\76\n\74b:if cond\75\47data:post.feedLinks\47\76\n\74b:include data\75\47post.feedLinks\47 name\75\47feedLinksBody\47\76\74/b:include\76\n\74/b:if\76\n\74/b:if\76\n\74/b:loop\76\n\74/div\76\n\74/b:if\076'}, 'feedLinksBody': {'varName': 'links', 'template': '\74div class\75\47feed-links\47\76\n\74data:feedLinksMsg\76\74/data:feedLinksMsg\76\n\74b:loop values\75\47data:links\47 var\75\47f\47\76\n\74a class\75\47feed-link\47 expr:href\75\47data:f.url\47 expr:type\75\47data:f.mimeType\47 target\75\47_blank\47\76\74data:f.name\76\74/data:f.name\76 (\74data:f.feedType\76\74/data:f.feedType\76)\74/a\76\n\74/b:loop\76\n\74/div\076'}, 'status-message': {'varName': '', 'template': '\74b:if cond\75\47data:navMessage\47\76\n\74div class\75\47status-msg-wrap\47\76\n\74div class\75\47status-msg-body\47\76\n\74data:navMessage\76\74/data:navMessage\76\n\74/div\76\n\74div class\75\47status-msg-border\47\76\n\74div class\75\47status-msg-bg\47\76\n\74div class\75\47status-msg-hidden\47\76\74data:navMessage\76\74/data:navMessage\76\74/div\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74div style\75\47clear: both;\47\76\74/div\76\n\74/b:if\076'}}, document.getElementById('Blog1'), {'showBacklinks': true, 'postId': '372641518526969384'}, 'displayModeFull'));
</script>
</body></html>